react-native带参数跳转

冷不防 2022-03-09 05:10 222阅读 0赞

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里一起带过来

自己整理 欢迎补充，不要针对我！~

发表评论取消回复

表情：

评论列表（有 0 条评论，222人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery带参数跳转，新页面获取url的参数id

a.html <!DOCTYPE HTML> <html> <head> <title></title>

蔚落/ 2022年10月09日 02:53/ 0 赞/ 186 阅读

相关 angularjs页面带参跳转以及参数解析

页面带参跳转 $scope.LoginSucessLocation = function () { var hre = 'http:/

分手后的思念是犯贱/ 2022年09月23日 03:57/ 0 赞/ 155 阅读

相关 ajax带参数跳转到别的页面,AJAX扩展-POST传递参数并跳转页面

拓展的代码：这段代码的原理是创建一个表单，所有args都创建一个隐藏的input，用post方法把这些参数传递过去注意form表单一定要加载到页面中，即下面代码中标红的

快来打我*/ 2022年09月03日 06:18/ 0 赞/ 372 阅读

相关 Django工程页面带参数跳转和 $.post $.get

Django工程页面带参数跳转和 $.post $.get 1.Django工程页面带参数跳转 html: {% for question_ite

柔情只为你懂/ 2022年05月14日 13:58/ 0 赞/ 203 阅读

相关小程序页面跳转、带参数跳转以及navigator跳转

一、单纯的页面跳转跳转到的页面分 tabBar 页面和非tabBar 页面。url路径可以写相对和绝对路径。 1、跳转到非导航页面，用 wx.navigateTo

朱雀/ 2022年05月11日 06:38/ 0 赞/ 517 阅读

相关 Android中使用Intent实现一般页面跳转和带参数页面跳转

一、Intent介绍 Intent的理解 Intent, 直译为意图, 也就是你想要做什么或想要去哪? Intent是Activity, Service和Br

短命女/ 2022年05月09日 03:18/ 0 赞/ 621 阅读

相关 laravel A链接带参数ID跳转

第一种： href="{ {action('Admin\Shop\BrandController@edit',['id'=>$brand->id])}}

谁借莪１个温暖的怀抱￠/ 2022年04月21日 16:28/ 0 赞/ 188 阅读

相关 react-native带参数跳转

import { NavigationActions } from 'react-navigation'; const navigateAction

冷不防/ 2022年03月09日 05:10/ 0 赞/ 223 阅读

相关微信小程序系列——页面跳转，带参数

页面跳转，带一个参数： wx.navigateTo({ url: '../guideDetail/guideDetail?id=' + id,

桃扇骨/ 2022年02月24日 07:10/ 0 赞/ 392 阅读

相关页面带参数跳转，formatByObject处理参数格式

为String对象添加formatByObject方法 String.prototype.formatByObject = function () {

朱雀/ 2021年10月23日 22:34/ 0 赞/ 365 阅读