Навигация React Navigation работает как goBack

Question

В моем проекте React Native я хочу, чтобы пользователи переходили на страницу входа.И на странице входа в систему пользователь может заполнить поля для входа в систему. Затем, если процесс входа в систему выполнен успешно, пользователь должен вернуться обратно на домашнюю страницу.

Я выполняю все переходы с помощью this.props.функция навигации. навигация.Но на странице входа функция навигации работает не так, как я ожидал.Это работает как функция goBack.Таким образом я не могу обновить состояние домашней страницы.

Что я должен сделать, чтобы функция навигации работала так, как она работает всегда?

Answer 1

Решение

Использование Modal.(Рекомендуем)

Оберните ваши homeStack и AuthStack, используя createStackNavigation с опцией Modal.или используйте createSwitchNavigation.

const MainStack = createStackNavigator(
  {
    Home: {
      screen: HomeStack,
    },
    Auth: {
      screen: AuthStack,
    },
  },
  {
    mode: 'modal',
  }
);

ИЛИ

Использование 'push' или 'replace' вместо 'navigate' может быть другим вариантом.

Почему?

Он работает как goBack, даже если вы используете navigate в stackNavigation, если экран уже сложен как ваш процесс home-> login-> home.Таким образом, использование modal может быть простым и интересным способом.

Модально: https://reactnavigation.org/docs/en/modal.html