react-navigation - React Navigation v5 中的空屏幕？

Question

在 React 导航 v4 中，我们像这样传递空屏幕：

`Screen: {
            screen: () => null,
            navigationOptions: {
                tabBarIcon: <AddButton />
            }
        },`

但是如何在反应导航 5 中做到这一点？

Answer 1

您可以<NavigatorName.Screen name="ScreenName">{() => null}</NavigatorName.Screen>将 null 作为屏幕传递。

Answer 2

我为要隐藏的屏幕选择此路径。可能对你有帮助。我用 Mobx 管理 isLogin。

{MenuStore.isLogin ? <></>
                  : <Drawer.Screen
                      name="Login"
                      component={LoginStackScreen}
                    />

Answer 3

您可以在标签栏上使用事件监听器

<Tab.Screen
          name="Plus"
          component={Add}
          listeners={{
            tabPress: (e) => {
              e.preventDefault(); // — > the main part
            },
          }}
        />

添加在哪里

const Add = () => {   return null; };