抽屉打开时反应导航抽屉导航器移动主要内容答案

【问题标题】：React navigation drawer navigator move main content when drawer open抽屉打开时反应导航抽屉导航器移动主要内容
【发布时间】：2017-10-18 20:46:50
【问题描述】：

我想打开抽屉并将主要内容移到一边。

这样的例子

【问题讨论】：

嗨，你收到了吗？我也有同样的要求。找不到解决办法

标签： react-native react-navigation

【解决方案1】：

在 react-navigation 的 3.x 版本中，您可以使用 drawerType: 'slide'。请参阅以下示例：

const DrawerExample = createDrawerNavigator(
  {
    Inbox: {
      path: '/',
      screen: InboxStack,
    },
    Drafts: {
      path: '/sent',
      screen: DraftsStack,
    },
  },

  {
    initialRouteName: 'Drafts',
    contentOptions: {
      activeTintColor: '#e91e63',
    },
    drawerType: 'slide'
  }
);

注意createDrawerNavigator() 而不是DrawerNavigator()

文档：https://reactnavigation.org/en/

【讨论】：

【解决方案2】：

你可以像这样创建DrawerNavigator

const MyApp = DrawerNavigator({
  Home: {
    screen: MyHomeScreen,
  },
  Notifications: {
    screen: MyNotificationsScreen,
  },
});

看看这个文档

https://reactnavigation.org/docs/navigators/drawer

【讨论】：

虽然您提供的信息是正确的，但它并没有回答问题。 OP 正在寻找以某种方式显示抽屉的设置。