react-native带参数跳转

import { NavigationActions } from 'react-navigation';

const navigateAction = NavigationActions.navigate({
  routeName: 'Profile',

  params: {},

  action: NavigationActions.navigate({ routeName: 'SubProfileRoute' }),
});

this.props.navigation.dispatch(navigateAction);
routeName - String - 必需 - 已在应用程序的路由器中注册的目标路由名称
params - Object - 可选 - 将参数合并到目标路由中
action - Object - 可选 - (高级)如果屏幕是导航器,则在子路由器中运行的子操作。 此文档中描述的任何一个操作都可以设置为子操作。
key - * String * -可选-要导航到的路由的标识符。如果已存在, 则导航回此路由

栗子:

const navigateAction = NavigationActions.navigate({
          routeName: 'ServiceDetail',
          params: {
            orderNo: info.order,
          },
        });
        this.props.navigation.dispatch(navigateAction);

下一个页面接收:

constructor(props) {
    super(props);
    alert(this.props.navigation.state.params.orderNo)
    this.state = {
      orderNo: this.props.navigation.state.params.orderNo, //带过来的订单号
    }
  }

多个参数的话可以写在params里一起带过来

自己整理 欢迎补充,不要针对我!~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值