react native 不同页面之间传参 传值 __listview列表跳转详情页 带参数 传值

本文介绍了如何在React Native中实现不同页面间的参数传递,特别是从ListView列表到商品详情页GoodsDetail.js的带参数跳转。在ListDefault.js中设置导航操作,详细讲解了在GoodsList.js列表页面点击后如何携带参数导航到GoodsDetail.js详情页面。
摘要由CSDN通过智能技术生成

负责跳转的导航页:ListDefault.js

'use strict';
import React, { Component } from 'react';
import{
  View,
  Navigator
} from 'react-native';
import GoodsList from './GoodsList';

class ListDefault extends Component{
  render(){
    var defaultName='GoodsList';
    var defaultComponent=GoodsList;
    return(
     <Navigator initialRoute={
  {name:defaultName,component:defaultComponent}}
        configureScene={(route)=>{
          return Navigator.SceneConfigs.HorizontalSwipeJump;
        }}
        renderScene={(route,navigator) =>{
          let Component = route.component;
     return <Component{...route.params} navigator={navigator}/>
        }}/>
    );  }
}
module.exports=ListDefault;

页面1 :GoodsList.js

 class GoodsList extends Component {

 constructor(props) {
   super(props);
   // 初始状态
   this.state = {
    loaded :f
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值