@site_trouble

React-navigation отставание при переходе на другую вкладку. Как починить?

Добрый день. Дано:
"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
С чем это может связано?
  • Вопрос задан
  • 165 просмотров
Решения вопроса 1
@site_trouble Автор вопроса
Вопрос решен. Баг проявляется только на эмуляторе, на реальных устройствах все работает как задумано.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы