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

Question

我有以下导航结构：

应用导航器

• (切换导航器(
  • 身份验证屏幕(堆栈导航器(
  • 主页(选项卡导航器(
    • 饲料
    • 别人
    • 型材(含抽屉(
  • 设置、法律信息等

抽屉内容示例

• 设置(导航到选项卡外导航器屏幕(
• 通知和声音

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

一个类似的例子是个人资料选项卡中的Instagram抽屉。当您选择一个选项时，它会推送一个新屏幕。

提前谢谢。

Answer 1

我想出了笨拙但有效的解决方案。

抽屉导航路线

`...
// 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
}
}/>
)
...
`

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