Средняя вкладка с использованием реагирующей навигации версии 5

Question

Мне нужно добавить среднюю кнопку на вкладку приложения навигатора. Эту функцию легко реализовать с помощью response-Navigation 3 . Однако Resact-Navigation 5 имеет другую структуру, и я не смог найти вставку пользовательской кнопки или компонента в навигатор.

const Tab = createBottomTabNavigator();

const TabNavigator = props => {
    return (
        <NavigationContainer>
            <Tab.Navigator>
                <Tab.Screen name="Screen1" component={FirstScreen} />
                <Tab.Screen name="Screen2" component={SecondScreen} />

                {...here...}

                <Tab.Screen name="Screen3" component={ThirdScreen} />
                <Tab.Screen name="Screen4" component={ForthScreen} />
            </Tab.Navigator>
        </NavigationContainer>
    );
}

Что я могу сделать? Любая помощь будет очень ценится!

Answer 1

Вы можете использовать плюсы navigationOptions внутри тега Tab.screen и создать собственный настраиваемый вид, аналогичный старой версии.