Javascript 如何使用React导航抽屉切换屏幕

我有以下导航结构：

• 应用程序导航器（切换导航器）
  • 验证屏幕（堆栈导航器）
  • 主页（选项卡导航器）
    • 喂
    • 其他
    • 配置文件（包含抽屉）
  • 设置、法律信息等

抽屉内容示例

• 设置（导航到选项卡导航器外的屏幕）
• 通知与声音

如何添加标签并通过抽屉导航到“设置、法律信息”？ 额外：“个人资料”标签不应显示在抽屉上

类似的示例是“配置文件”选项卡中的Instagram抽屉。当您选择一个选项时，它会推送一个新屏幕

---

提前谢谢。

我想出了一个笨重但有效的解决方案

抽屉导航路线

`...
// To hide a specific route (Profile)
HiddenLabel:{
    screen:ScreenA,
    navOptions:{
        drawerLabel:()=>null
    }
}
A:{
    screen:()=>null
    navOptions:{
        drawerLabel:'Settings'
    }
}
...`

抽屉导航自定义组件

`
...
contentComponent:(props)=>(
    // Should be wrapped in SafeAreaView
    <DrawerItems {...props} onItemPress={
        ({route})=>{
            // query and use props.navigation to navigate to route.routeName
        }
    }/>
)
...
`

`
...
contentComponent：（道具）=>(
//应包装在安全区域视图中
{
//查询并使用props.navigation导航到route.routeName
}
}/>
)
...
`

---

差不多就是这样。如果您有其他解决方案，请发布。

您需要的是导航操作。如果你知道Redux，你就知道它是如何工作的。考虑到我的项目规模，Redux是相当过分的。还有其他方法吗？您不需要实现redux。导航操作在引擎盖下使用redux