Кнопка средней вкладки с использованием React-Navigation версии 5

Мне нужно добавить среднюю кнопку в навигатор вкладок приложения. Эту функцию легко реализовать с помощью реакции. -navigation 3. Однако, react-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>
    );
}

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


person Milad Barazandeh    schedule 03.04.2020    source источник


Ответы (1)


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

person Shijesh P    schedule 03.04.2020