React native “反应原生材质”菜单的宽度不起作用

[反应原材料菜单] 我试图自定义菜单，但样式属性“宽度”未处理-菜单仍然很窄

return(
  <View style = {{
    width: 500
  }}>
  <Menu
    ref = { this.setMenuRef }
    button = {<RoundButton 
      buttonType = "menu"
      navigateTo = "menu"
      menuCall = {this.showMenu}
    style = {{
      width: 500
    }}
    />}
  >
    <MenuItem onPress = {this.hideMenu}>Reports TO DO</MenuItem>
    <MenuItem onPress = {this.hideMenu}>Settings TO DO</MenuItem>
    <MenuItem onPress = {this.hideMenu}>Help TO DO</MenuItem>
  </Menu>
</View>
);

返回(
要做的报告
要做的设置
帮忙做
);

---

可以定制吗

哎呀！看起来您忘记指定父视图的高度了

在具有一定宽度和高度的视图中包装菜单组件

报告明确指出：

只有当其父组件的尺寸大于0时，组件才能展开以填充可用空间。如果父对象既没有固定的宽度和高度，也没有固定的柔性，则父对象的尺寸将为0，柔性子对象将不可见

解决办法是：

<View style = {{ width: 500, height: 500 }}>

（您可以根据需要指定尺寸）

或

也可以使用

<View style = {{ flex: 1 }}>