React Native底部导航隐藏

Question

当前，我是React Native的新手，并且我已经创建了一个项目。所以我想问你如何在一个特定屏幕中 显示底部点击导航 ？

例如，我想在主屏幕上显示它。

const APP_TAB = createBottomTabNavigator({
    Job:Home_STACK,
    Chat:ChatScreen,
    NewFeed:NewFeed,
    CV:cvScreen,
    Profile:ProfileScreen,
})

Answer 1

正如我在下面提到的，您可以使用此逻辑

navigationOptions: ({navigation}) => {
        let tabBarVisible = true;
        if (navigation.state.routes.length > 1) {
          tabBarVisible = false;
        }
        return {
          tabBarVisible,
        };
      },

每个堆栈中的导航器

const HomeNavigation = createStackNavigator(
    {
      Home: {
        screen: HomeScreen,
        navigationOptions: ({navigation}) => {
          return {
            headerTitle: (
              <Header
                navigate={navigation.navigate}
              />
            ),
            headerStyle: {
              backgroundColor: '#d63921',
            },
            headerRight: (
              <HeaderRight
                navigate={navigation.navigate}
              />
            ),
          };
        },
      },
    },
    **{
      navigationOptions: ({navigation}) => {
        let tabBarVisible = true;
        if (navigation.state.routes.length > 1) {
          tabBarVisible = false;
        }
        return {
          tabBarVisible,
        };
      },**
      initialRouteName: 'Home',
      mode: 'card',
      lazy: false,
    },
  );


const ProfileNavigation = createStackNavigator(
    {
      Profile: {
        screen: ProfileScreen,
        navigationOptions: ({navigation}) => {
          return {
            headerTitle: (
            )}

    },
    **{
      navigationOptions: ({navigation}) => {
        let tabBarVisible = true;
        if (navigation.state.routes.length > 1) {
          tabBarVisible = false;
        }
        return {
          tabBarVisible,
        };
      },***
      initialRouteName: 'Profile',
      mode: 'card',
      lazy: false,
    },
  );

有任何疑问。