react-native带参数跳转

版权声明:我写的你不能转载,但是你可以复制啊。复制记得加关注啊(迷之微笑)。 https://blog.csdn.net/quhongqiang/article/details/88419805
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里一起带过来

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

猜你喜欢

转载自blog.csdn.net/quhongqiang/article/details/88419805
今日推荐