是否有可能将tab导航器嵌套在react-native的抽屉式导航器内部？

Question

是否有可能将tab导航器嵌套在react-native的抽屉式导航器内？当调用汉堡菜单图标时，我希望抽屉覆盖整个屏幕并在其中实现Tab导航器。我需要一些帮助。

Answer 1

要覆盖整个屏幕，您可以将drawerWidth设置为屏幕的宽度。请参阅react native文档中的how to get the screen width

您可以使用contentComponent渲染标签导航器：

import { createDrawerNavigator } from 'react-navigation-drawer'
import { Dimensions } from 'react-native'

import MyTabNavigator from 'path-to-my-tab-navigator'

const { width } = Dimensions.get('window')

const DrawerNavigator = createDrawerNavigator(
  {
    ... // screens 
  },
  {
    drawerWidth: width
    contentComponent: MyTabNavigator
  }
)

请参见documentation