React Native栈导航多屏幕间参数是否会自动传递？

核心结论 #

• 栈导航的参数不会自动在页面间携带传递，每次调用navigation.navigate()时，只有你显式传入的参数，才能被目标页面通过route.params获取到。
• 回到你的例子：Screen3没办法通过route.params.email拿到Screen1传给Screen2的email参数，因为Screen2跳转到Screen3时，并没有把email作为参数传进去。

适合你场景的优化方案 #

既然email只在Screen1和Screen9用到，中间页面完全不需要，没必要在每一步跳转都冗余传递，推荐两种简单方案：

1. 直接在目标页面读取存储的email #

你原本是通过getData("email")获取的email，那在Screen9里直接调用await getData("email")拿到值就好，不用在中间页面反复传递，省掉很多麻烦。

2. 用全局状态管理统一维护 #

如果之后有更多跨页面共享的参数，建议用React Context或者Redux这类工具：

• 在Screen1里把获取到的email存入全局状态
• 后续任何需要email的页面（比如Screen9）直接从全局状态读取，不用手动在跳转时传参数

额外说明 #

如果某些场景确实需要在相邻页面传递参数，必须显式写出要传递的参数，比如Screen2跳转到Screen3时如果需要带email，得这么写：

navigation.navigate("Screen3", {
    username: uname.trim(),
    email: route.params.email // 先从Screen2的route.params拿到email，再传给Screen3
});

内容的提问来源于stack exchange，提问作者Sophie