Question

如何设置本机导航抽屉的宽度，我可以更改抽屉内容的宽度，但是我不能更改主父的宽度，我总是看起来是白色背景。

/ProjectB/src/description.jardesc

任何帮助将不胜感激。

谢谢。

Answer 1

而不是给它200的宽度

import {Dimensions} from 'react-native';

然后获取设备的宽度

const width = Dimensions.get("screen").width;

然后width: width - width/4

Answer 2

添加一行代码，即可更改抽屉的宽度

drawerWidth: Dimensions.get('window').width,

不要忘了像这样导入尺寸

import {Dimensions} from 'react-native';

在您的代码中，如下所示添加此行

{
initialRouteName: 'Home',
drawerPosition: 'left',
contentComponent: withUserContext(CustomDrawerContentComponent),
drawerOpenRoute: 'DrawerOpen',
drawerToggleRoute: 'DrawerToggle',
drawerCloseRoute: 'DrawerClose',
drawerWidth: Dimensions.get('window').width,
style:{
  drawer: {width:200, shadowColor: '#000000', shadowOpacity: 0.8, shadowRadius: 3},
    main: {paddingLeft: 3}
},

您可以像这样更改宽度

drawerWidth: Dimensions.get('window').width/2,

或以任何方式。

如何设置反应本机导航抽屉的主父宽度

2 个答案: