React Navigation v5中的空屏幕？

Question

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

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

但是我该如何在React Navigation 5中做到这一点？

Answer 1

我为要隐藏的屏幕选择此路径。可能会帮助您。我通过Mobx管理isLogin。

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

Answer 2

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

Answer 3

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

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

添加在何处

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