Перейдите на другую вкладку createBottomTabNavigator и нажмите «Назад», чтобы остаться на целевой вкладке.

Question

Мое приложение было создано React-Native с использованием реакции-навигации. Я использовал createBottomTabNavigator, чтобы создать несколько значков вкладок, доступных для нажатия, внизу. Внутри каждой вкладки есть несколько стеков, созданных с помощью createStackNavigator.

У меня каверзное требование, чтобы на странице одной нижней вкладки пользователи могли переходить на страницу в другом экране под другой нижней вкладкой.

Определенно могу попробовать navigation.navigate, все работает.

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

Проще говоря, похоже на

1. Пользователь находится на главном экране.

2. Пользователь перейдет к экрану 4 в нижней вкладке 2. navigation.navigate('Screen4');

3. Пользователь хочет вернуться на главный экран, нажав кнопку назад или аппаратное средство возврата.

4. После нажатия кнопки возврата или аппаратного возврата пользователи переходят к экрану 3.

const AppStack = createBottomTabNavigator(
  {
    Home: createStackNavigator(
      {
        HomeScreen,
      }
    ),
    BottomTab1: createStackNavigator(
      {
        Screen1,
        Screen2,
      }
    ),
    BottomTab2: createStackNavigator(
      {
        Screen3,
        Screen4,
      }
    ),
  }
);