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

Question

是否可以按下整个导航界面，包括标题？我需要像下面的图像一样按下我的屏幕。不知道从哪里开始实现这一目标。我是否需要将整个导航嵌套在另一个容器中？

Answer 1

是的，你可以用<View>之类的其他组件包装导航器并设置样式。 也许它有一些更好的解决方案，但包装很好，我之前做过。

Answer 2

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

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

请注意，这只会对ios产生影响，因为Android

上不存在此类模式