react-navigation v5x版本 路由嵌套以及不同层路由间的传参

前:近2月未登,再看发现官网大变样,版本大迭代,从配置项变成了组件化。

路由嵌套
见官网,传送门不谢react-navigation路由嵌套

路由传参 :
正常的传参见官网,传送门不谢react-navigation路由传参

正题,路由跨层传参,解锁隐藏技能。

情景:例如页面PA使用了stack、bottomNav或者topNav路由导向RA页,但是PA页面的数据或者函数需要在路由导向页RA中使用。

在5x版本以前似乎没发现如何实现,但5x将导航配置组件化后,似乎就变得可能了。产看了官网文档的路由传参部分,描述非常之简单,没有提及这类情况,但由于路由配置已经组件化了,按理已经有了组件的特性,遂尝试了一下,果然,可行!

前排分享吃个蛋。

贴个小栗子:

import { createStackNavigator } from '@react-navigation/stack';

const Stack = createStackNavigator();

export default function MyStack() {
return (

<Stack.Screen
name="Home"
component={Home}
**

## //看看这里

相关推荐

Django 路由

IdentityServer4 QuckStart 授权与自定义Claims的问题

JavaScript实现简单的图片切换功能(实例代码)

JavaScript实现简单的图片切换功能(实例代码)

《javascript设计模式》学习笔记七:Javascript面向对象程序设计组合模式详解