Добрый день. Дано:
"react-native": "0.57.1"
"react-navigation": "^2.17.0"
Использую createBottomTabNavigator:
const navigationOptions = ({ navigation }) => ({
tabBarIcon: (options: TabBarIcon) => {
const { routeName } = navigation.state;
const icon = icons[routeName];
return <Ionicons name={icon} size={25} color={options.tintColor} />;
},
});
const RootNavigation = createBottomTabNavigator(
{
Home: {
screen: HomeScreen,
},
Profile: {
screen: ProfileScreen,
},
Cart: {
screen: CartScreen,
},
Orders: {
screen: OrdersScreen,
},
},
{
navigationOptions,
tabBarOptions: {
activeTintColor: '#025baa',
inactiveTintColor: 'gray',
},
},
);
type Props = {};
export default class App extends Component<Props> {
render() {
return <RootNavigation />;
}
}
Проблема: при клике на иконку должен происходить переход, на ту вкладку, на которую кликнули, но переход происходит только если после этого кликнуть на следующую вкладку, при чем переходит на предыдущую кликнутую.
Видео:
https://streamable.com/j5g34
С чем это может связано?