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

Question

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

像这样的例子

Answer 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/

Answer 2

您可以像这样创建DrawerNavigator

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

查看此文档

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