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

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/