createBottomTabNavigator не может изменить вкладку с маршрута 3 на маршрут 2

Question

Я использую createBottomTabNavigator в реакции навигации v3, и у меня есть 3 маршрута, как это:

const Route = createBottomTabNavigator(
  {
    Home: {
      screen: HomeRoute
    }
    Post: {
      screen: PostRoute
    },
    Mark: {
      screen: MarkRoute
    },
  }
)

, но проблема или лучше сказать ошибка возникает, когда я хочу перейти от вкладки Отметить к публикации, которая не перемещаетсяи измените вкладку: (

Любое тело может решить эту проблему? спасибо!

Answer 1

Определите свой маршрут следующим образом

const Route = createBottomTabNavigator(
    {
        Home: HomeRoute,
            Post: PostRoute,
            Mark: MarkRoute,
    },
    {
        defaultNavigationOptions: ({ navigation }) => ({
            tabBarIcon: ({ focused, horizontal, tintColor }) => {
                const { routeName } = navigation.state;
                return <View/>
            },
        }),
        tabBarOptions: {
            activeTintColor: 'red',
            inactiveTintColor: 'gray'
            style: {
                backgroundColor: 'black'
            },
            labelStyle: {
                fontSize: 12
            },
        },
    }
);

Answer 2

Для навигации вы используете функцию navigate () для кнопки, которую вы используете.Например, если мы определим наш createBottomTabNavigator как

export default createBottomTabNavigator(
  {
    Home: HomeScreen,
    Settings: SettingsScreen,
  }
);

Мы бы перешли на вкладку Настройки , используя функцию навигации кнопки, как показано ниже,

class HomeScreen extends React.Component {
  render() {
    return (
      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
        <Text>Home!</Text>
        <Button
          title="Go to Settings"
          onPress={() => this.props.navigation.navigate('Settings')}
        />
      </View>
    );
  }
}

Вот более подробные примеры, НАВИГАЦИЯ НА ОСНОВЕ ТАБЛИЦ