React native 在特定屏幕中隐藏选项卡栏
我通读了这个具体问题,但还是不太明白。以下是我的设想: 我有一个React native 在特定屏幕中隐藏选项卡栏,react-native,react-navigation,React Native,React Navigation,我通读了这个具体问题,但还是不太明白。以下是我的设想: 我有一个BottomTabNavigator,有三个选项卡:主页、相机和个人资料。使用当前设置,我可以在这些屏幕之间切换,并且选项卡栏会显示在每个屏幕上。然而,我想要的是在选项卡栏上有相同的三个选项卡项,但不要让选项卡栏显示在相机屏幕上 如果我的理解是正确的,我附加的链接只允许您在从选项卡栏中移除选项卡时从屏幕中移除该选项卡(例如,如果我从选项卡栏中移除相机,但我希望将相机选项卡保留在选项卡栏中,我只能实现我想要的效果) 但是它也不起作用。
BottomTabNavigator
,有三个选项卡:主页、相机和个人资料。使用当前设置,我可以在这些屏幕之间切换,并且选项卡栏会显示在每个屏幕上。然而,我想要的是在选项卡栏上有相同的三个选项卡项,但不要让选项卡栏显示在相机屏幕上
如果我的理解是正确的,我附加的链接只允许您在从选项卡栏中移除选项卡时从屏幕中移除该选项卡(例如,如果我从选项卡栏中移除相机,但我希望将相机选项卡保留在选项卡栏中,我只能实现我想要的效果)
但是它也不起作用。从'@react-navigation/native'导入{getFocusedoudenameFromRoute};
import { getFocusedRouteNameFromRoute } from '@react-navigation/native';
const getTabBarVisibility = (route) => {
const routeName = getFocusedRouteNameFromRoute(route) ?? 'Home';
const disabledScreens = ['CameraScreen'];
if (disabledScreens.includes(routeName)) {
return false;
}
return true;
};
<Tab.Navigator
screenOptions={({route}) => ({
tabBarVisible: getTabBarVisibility(route)
})
>
const gettabarvisibility=(路由)=>{
const routeName=GetFocusedLouteNameFromRoute(route)?“Home”;
常量禁用屏幕=['CameraScreen'];
if(禁用筛选。包括(路由名称)){
返回false;
}
返回true;
};
({
tabBarVisible:getTabBarVisibility(路由)
})
>
Sureoptions={{tabBarVisable=false}}
是您使用的吗?或者这只是问题中的一个输入错误?它应该是可见的
options={{ tabBarVisable=false }}
import { getFocusedRouteNameFromRoute } from '@react-navigation/native';
const getTabBarVisibility = (route) => {
const routeName = getFocusedRouteNameFromRoute(route) ?? 'Home';
const disabledScreens = ['CameraScreen'];
if (disabledScreens.includes(routeName)) {
return false;
}
return true;
};
<Tab.Navigator
screenOptions={({route}) => ({
tabBarVisible: getTabBarVisibility(route)
})
>