1

IMG：我想隐藏的东西

    return (
      <Tab.Navigator
        barStyle={{backgroundColor: '#F2F2F2'}}
        initialRouteName="Catalog">
        <Tab.Screen
          name="Settings"
          options={{
            tabBarLabel: 'Alterações',
            title: 'Configurações',
            tabBarIcon: ({color}) => (
              <MaterialCommunityIcons name="cog" color="#000" size={22} />
            ),
          }}>
          {(props) => (
            <Settings
              {...props}
              params={{
                cpf: params.cpf ? params.cpf : cpf,
              }}
            />
          )}
        </Tab.Screen>

        <Tab.Screen
          name="Catalog"
          options={{
            tabBarVisible: false,
            title: 'Ofertas',
          }}>
          {(props) => (
            <Catalog
              {...props}
              params={{
                pracaId: params.pracaId ? params.pracaId : pracaId,
              }}
            />
          )}
        </Tab.Screen>
           [...]
      </Tab.Navigator>
    );

请原谅我打开这个问题。但是我用谷歌搜索了很多，并没有找到可以解决我的问题的解决方案。我只想每次都隐藏那个标签

4

2 回答 2

0

您可以使用此选项tabBarVisible隐藏选项卡栏内的选项卡

<Tab.Screen
      name="Ofertas"
      options={{
        //.......
        tabBarVisible: false
}}>
于 2020-11-02T03:33:46.510 回答
0

好吧，我的解决方案是在 react-native-apper 中工作

/node_modules/react-native-paper/src/components/BottomNavigation.tsx

renderTouchable = (props: TouchableProps) => {
 if(props.route?.name !== "Catalog")
   return <Touchable {...props} />
}

我不知道这是否是一个好习惯，但我需要它并且 react-navigation 维护者没有帮助我

于 2020-11-02T17:26:55.477 回答