android - 如何在 React Navigation 中创建屏幕下推

Question

是否可以下推包括标题的整个导航屏幕？我需要按下我的屏幕，如下图所示。不知道从哪里开始完成这个。我是否需要将整个导航嵌套在另一个容器中？

Answer 1

有一个内置选项 - 您需要将 mode: 'modal' 设置为您的堆栈导航器，例如:

const MainStack = initialRouteName =>
  StackNavigator(
    {
...
    },
    {
      ...navStyles,
      initialRouteName,
      mode: 'modal',
    }
  );

注意这只会对 ios 有影响，因为这种模式在 android 上不存在