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

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