react-native - 当抽屉打开时，React Navigation抽屉导航器移动主要内容

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

这样的例子

最佳答案

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