React native React Navigation Drawer Default header:使用Drawer navigator中包装的所有子堆栈屏幕名称更改标题
我搞不懂为什么标题没有用抽屉导航器包装的子堆栈更新React native React Navigation Drawer Default header:使用Drawer navigator中包装的所有子堆栈屏幕名称更改标题,react-native,react-navigation,react-navigation-v5,react-navigation-stack,react-navigation-drawer,React Native,React Navigation,React Navigation V5,React Navigation Stack,React Navigation Drawer,我搞不懂为什么标题没有用抽屉导航器包装的子堆栈更新 <Drawer.Navigator screenOptions={{headerShown: true}} drawerContent={props => <CustomSidebarMenu {...props} />}> <Drawer.Screen name="Dashboard" children={AppNavigator} /> <Drawer.S
<Drawer.Navigator
screenOptions={{headerShown: true}}
drawerContent={props => <CustomSidebarMenu {...props} />}>
<Drawer.Screen name="Dashboard" children={AppNavigator} />
<Drawer.Screen name="Contact" children={ContactStackNavigator} />
</Drawer.Navigator>
}>
下面是我的AppNavigator,加载了两个堆栈(HomeNavigator和TaskNavigator-有各自的屏幕)
导出函数AppNavigator(){
const{colors}=useTheme();
返回(
({
tabBarIcon:({color})=>(
),
})}
禁忌选项={{
showLabel:false,
activeTintColor:colors.activeTab,
InactiveIntColor:colors.inactiveTab,
}}
>
);
}
在子堆栈中禁用所有标题,只有抽屉导航器标题设置为“显示”。
当我导航到屏幕时,我只能看到仪表板和联系人标题。
但当我导航到以下所有屏幕时,我需要更新标题:主页、主页详细信息和任务、任务详细信息、createTask、updateTask等等。。。它们在各自的堆栈中。
有谁能帮我做到这一点吗。多谢各位
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>
);
}