Как настроить разные режимы навигации для разных экранов?

Question

Я очень новичок в реакции-нативном, но я постараюсь сформулировать это как можно лучше. У меня есть приложение с активной реакцией, у которого внизу есть панель навигации. Если пользователь нажимает одну из опций, он переходит на соответствующий экран.

Режим для каждого экрана - это «карта» по умолчанию. Это делает экран скользящим справа, как колоду карт.

const RootStack = createStackNavigator(
  {
    Main: {
      screen: MainStack,
    },
    MyModal: {
      screen: ModalScreen,
    },
  },
  {
    mode: 'card',
    headerMode: 'none',
  }
);

Дело в том, что у меня есть экран «Еще», который я хочу вести себя по-другому. Это должно скользить вверх от нижней части экрана. Как я понимаю, режим «модальный» сделает это.

mode:'modal',

Итак, мой вопрос, могу ли я установить все экраны в режим: «карта» и только один режим экрана: «модальный»? Кто-нибудь знает, если и как я могу это сделать?

Answer 1

Чтобы прямо ответить на ваш вопрос, React-Navigation в документах говорится, что mode можно установить только на уровне навигатора, а не для отдельных экранов: The mode configuration for stack navigator can be either card (default) or modal.

Однако они обеспечивают направление для достижениямодальный:

React-Navigation Документы говорят, чтобы создать корневой навигатор с mode: 'modal' и вложить в него существующий навигатор.Когда вы перемещаетесь в приложении, вы можете просто указать идентификатор экрана, и он автоматически определит нужный навигатор.

Подробнее: https://reactnavigation.org/docs/en/modal.html