react-native带参数跳转

冷不防 2022-03-09 05:10 257阅读 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 条评论，257人围观）

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

相关阅读

相关 uni-app带参数跳转页面

uni-app带参数跳转页面传参页面 <view class="comment" @click="comment(detail.goods_id)"><!--

太过爱你忘了你带给我的痛/ 2023年06月30日 08:58/ 0 赞/ 50 阅读

相关 uni-app带参数的页面跳转

新人使用uni-app的一些问题的解决方案！！在做数据循环时，怎么去传递，点击“详情”，那么进到某个商品的详情页面 ![在这里插入图片描述][2020061519471

亦凉/ 2023年02月18日 03:18/ 0 赞/ 54 阅读

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关 react-native带参数跳转

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

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

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

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

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

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

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

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