如何在React Navigation 5的Tab导航中传递空屏幕

Question

在以前版本的反应导航中，我们可以这样做

const CustomTabNavigator = createBottomTabNavigator({
    FirstTab: {
        screen: FirstScreen,
    },
    AddButton: {
        screen: () => null,
        navigationOptions: () => ({
            tabBarIcon: (<AddButton/>),
            tabBarOnPress: () => {}
        })
    },
    SecondTab: {
        screen: SecondScreen,
    }
}

尝试通过react-navigation复制它会导致错误，因为它不接受null。有人知道解决方法吗？

import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'
const BottomTabNavigator = createBottomTabNavigator()

<BottomTabNavigator.Navigator>
            <BottomTabNavigator.Screen
                name="FirstTab"
                component={FirstScreen}
            />
            <BottomTabNavigator.Screen
                name="Add"
                component={null}
                options: () => ({
                   tabBarIcon: (<AddButton/>),
                   tabBarOnPress: () => {}
                })
            />
            <BottomTabNavigator.Screen
                name="Second Tab"
                component={SecondScreen}
            />
        </BottomTabNavigator.Navigator>

Answer 1

示例：

const AddButton = () => {
  return null
}

<Tab.Screen name="AddButton" component={AddButton}/>