Indicator is not rendering on iOS and Android

2
votes

I am trying to render the topBar on tab navigation and it's not showing

import { createBottomTabNavigator, createAppContainer } from 'react-navigation';

const TabNavigator = createBottomTabNavigator({ Dashboard: { screen: Dashboard, navigationOptions: { title: 'Dashboard', tabBarIcon: ({ tintColor }) => ( ) }, },

},
{
    tabBarPosition: 'top',
    tabBarOptions: {
        activeTintColor: '#5D10F6',
        inactiveTintColor: 'gray',
        showIcon: true,
        tintColor: '#333',
        animationEnabled: false,
        showLabel: false,
        scrollEnabled: true,
        tabBarPosition: 'top',
        indicatorStyle: {
            backgroundColor: 'red'
        }
    },
});
1
react-native

1 Answers

0
votes

Note: createTabNavigator is removed in [email protected]. Please use createBottomTabNavigator and/or createMaterialTopTabNavigator instead.

However createBottomTabNavigator no longer supports indicatorStyle :(