Как пройти нулевой экран в Tab Navigation в React Navigation 5

Question

В предыдущих версиях реагирующей навигации мы могли это сделать

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

Попытка воспроизвести это с помощью реагирующей навигации приводит к ошибкам, поскольку не принимает ноль. Кто-нибудь знает способ обойти это?

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}/>