Значок в createMaterialBottomTabNavigator не отображается - PullRequest
0 голосов
/ 26 июня 2019

Я пытаюсь настроить MaterialBottomTabNavigator в своем приложении с помощью пользовательских значков с использованиемact-native-vector-icons, но значки не отображаются.Я что-то не так делаю в NavigatorConfig?

Сначала я подумал, что это происходит из-за того, что мои иконки загружаются неправильно, но размещение их в виде на другом экране (в любом месте, но внутри MaterialBottomTab) заставляет их отображатьсядо без проблем.Даже стандартные MaterialIcon, снабженные векторными значками, не отображаются в нижней вкладке, но в любом другом месте это не проблема.

Я попытался переместить конфиги вокруг, поместив tabBarIcon в обе конфигурации экрана,так же как и конфиг навигатора, но все равно результата нет.Я также попробовал параметр showIcon, но также не дал результатов.

Вот мой код прямо сейчас:

export const userNavigation = createMaterialBottomTabNavigator({Bars, Settings}, {
    Bars: {
        screen: Bars,
        navigationOptions: {
            tabBarIcon: ({focused}) => <Icon name="bars" size={20} color={focused ? '#FFF' : '#DACE91'}/>,
        },
    },
    shifting: false,
    labeled: true,
    activeColor: '#FFF',
    inactiveColor: '#DACE91',
});

Я ожидаю, что значки появятся в нижней вкладке, но я не получаюсообщения об ошибках или любые другие отзывы о том, почему они не отображаются.

1 Ответ

0 голосов
/ 26 июня 2019

Вы кладете во вкладку конфиги конфиги маршрута.

createMaterialBottomTabNavigator({
                                Bars:{
                                    screen: Bars,
                                    navigationOptions:{
                                                      tabBarIcon: ({focused}) =><Icon name="bars" size={20} color={focused ? '#FFF' : '#DACE91'}/>,
                                          }
                                     } 
                                },{
                                    shifting: false,
                                    labeled: true,
                                    activeColor: '#FFF',
                                    inactiveColor: '#DACE91',
                                   })

Надеюсь, это поможет!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...