React Native 如何导航到其他屏幕内的指定Tab选项卡

• React Navigation 的路由名称是局部作用域的，每个导航器只能识别自己内部定义的Screen名称，无法直接访问其他导航器内部的路由。
• 你当前所在的Feed Tab属于HomeTabs导航器，这个导航器仅能识别自身注册的Feed、Groups两个路由；你要跳转的Change Password是SettingsTabs导航器的内部路由，对于HomeTabs来说完全不可见，所以直接查找Change Password会触发“无对应导航器处理动作”的报错。
• 同Tab下跳转Groups能正常生效，正是因为两个Tab同属HomeTabs的作用域范围。

因为目标路由嵌套在顶层RootStack的Settings屏幕内部，你需要先导航到顶层Stack的Settings屏幕，再通过参数指定要打开的内部子Tab，React Navigation 原生支持这种嵌套跳转的传参写法，不需要修改现有导航结构。
直接修改Feed Tab中按钮的跳转逻辑即可：

<TouchableOpacity onPress={() => navigation.navigate('Settings', { 
  screen: 'Change Password' 
})}>
    <Text>Change Password</Text>
</TouchableOpacity>

• 第一个参数'Settings'是顶层RootStack能识别的路由名称，会先定位到Settings这个父级屏幕
• 第二个参数中的screen字段，是传递给Settings内部Tab导航器的指令，告诉它直接打开名为Change Password的子Tab
• 如果需要给Change Password页面传递额外参数，可以直接在参数对象中追加params字段：

  navigation.navigate('Settings', {
    screen: 'Change Password',
    params: { from: 'FeedTab' }
  })
  

• 该写法不会重复创建Settings屏幕实例：如果之前已经打开过Settings页面，会直接复用现有实例并切换到指定Tab，符合常规导航逻辑
• 即使SettingsTabs配置了默认打开的初始路由（比如默认显示Profile），该写法也会直接跳过默认路由，直达指定的Change Password页面
• 兼容React Navigation v5及以上所有主流版本，不需要额外配置

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