Question

我有 React Native 应用程序，我正在使用 React 导航，我的导航堆栈如下所示：

<AppStack.Navigator screenOptions={{
      headerStyle: {
        backgroundColor: COLORS.primary2,
        elevation: 0, 
        shadowOpacity: 0,
      },
      headerTintColor: '#fff',

    }}>
      <AppStack.Screen
        name="Home"
        component={HomeScreen}
        options={{
          headerShown: false
        }}
      />
      <AppStack.Screen
        name="qr"
        component={qr}
        options={{
          headerShown: false
        }} />
      <AppStack.Screen
        name="Profile"
        component={ProfileScreen}
        options={{ headerShown: false }}
      />
      <AppStack.Screen
        name="Notifications"
        component={NotificationScreen}
        options={{ headerShown: false }}
      />
      <AppStack.Screen
        name="Support"
        component={ChatScreen}
        options={{ headerShown: false }}
      />

</AppStack.Navigator>

我想创建 createBottomTabNavigator 但要显示在 AppStack 中除以下主屏幕之外的所有屏幕中

<AppStack.Screen
            name="Home"
            component={HomeScreen}
            options={{
              headerShown: false
            }}
    />

我可以知道实现该目标的最佳做法是什么吗。

Answer 1

您可以为此使用 tabBarVisible(boolean) 道具。

<AppStack.Screen
            name="Home"
            component={HomeScreen}
            options={{
              headerShown: false
            }}
            navigationOptions:()=>{
               return {
                 tabBarVisible:false,
              }
            }
    />

如何仅在特定屏幕中显示底部选项卡导航

1 个答案: