react-native - React Navigation Drawer 默认标题:更改标题标题与包装在抽屉导航器中的所有子堆栈屏幕名称相对应
问题描述
我很困惑为什么标题标题没有随着包裹在抽屉导航器中的子堆栈而更新。
<Drawer.Navigator
screenOptions={{headerShown: true}}
drawerContent={props => <CustomSidebarMenu {...props} />}>
<Drawer.Screen name="Dashboard" children={AppNavigator} />
<Drawer.Screen name="Contact" children={ContactStackNavigator} />
</Drawer.Navigator>
下面是我的 AppNavigator 加载了 2 个堆栈(HomeNavigator 和 TaskNavigator - 有各自的屏幕)
export function AppNavigator() {
const { colors } = useTheme();
return (
<Tab.Navigator
screenOptions={({ route }) => ({
tabBarIcon: ({ color }) => (
<TabBarIcon color={color} routeName={route.name} />
),
})}
tabBarOptions={{
showLabel: false,
activeTintColor: colors.activeTab,
inactiveTintColor: colors.inactiveTab,
}}
>
<Tab.Screen name={NavigationType.home} children={HomeNavigator} />
<Tab.Screen name={NavigationType.task} children={TaskNavigator} />
</Tab.Navigator>
);
}
在子堆栈中禁用所有标题,仅将抽屉导航器标题设置为显示。当我导航到屏幕时,我只能看到仪表板和联系人标题。但是当我导航到以下所有屏幕时,我需要更新标题:主页、homeDetail 和任务、taskDetail、createTask、updateTask 等......它们位于各自的堆栈中。任何人都可以帮助我实现这一目标。谢谢
解决方案
推荐阅读
- excel - 设置过滤器的VBA复选框弹出窗口?
- c# - 无法从 JSON 中检索值,出现“无法将 Newtonsoft.Json.Linq.JArray 转换为 Newtonsoft.Json.Linq.JToken。” 例外
- java - Jackson Deserializer 抛出带有无效 UTF-8 中间字节的 JsonParseException,而反序列化器 String 带有重音符号
- xcode - Xcode bot 报告未注册帐户
- google-apps-script - 没有什么相似的,也是一个不太常见的 Apps 脚本问题
- php - Ajax 提交表单并检索 url
- java - recyclerview中的删除按钮在某些卡片android中没有正确定位
- python - 从 Python 脚本发送 json 到本地的 Node-red
- python - Python:程序中的日期时间更新,并每 X 秒循环一次列表
- reactjs - 反应表格内的打印 API 数据