【发布时间】:2021-02-06 04:59:06
【问题描述】:
我有一个带有按钮锚点的菜单。
我想设置按钮等菜单的宽度。
我尝试过style=width:100%,但不起作用。如果我改变像素尺寸,它就会改变。
如何使用 flex 模式设置样式(用于动态宽度)。
【问题讨论】:
标签: react-native flexbox react-native-paper
我有一个带有按钮锚点的菜单。
我想设置按钮等菜单的宽度。
我尝试过style=width:100%,但不起作用。如果我改变像素尺寸,它就会改变。
如何使用 flex 模式设置样式(用于动态宽度)。
【问题讨论】:
标签: react-native flexbox react-native-paper
如果您尝试使用 flex: 1 设置样式,则应将其作为样式属性传递:style={{ flex: 1 }}。
【讨论】:
style={{flex:8}}。我尝试更改 flex 的数量,但宽度是固定的。
找到解决方案:使用 List.Item 而不是 Menu.Item
我尝试了https://github.com/callstack/react-native-paper/issues/2314#issuecomment-716496115中提到的解决方案
但是有些即使 Menu.Item 的宽度变为 100% ,右侧的 Menu.Item 的某些部分也变得不可点击
所以唯一对我有用的解决方案是将 Menu.Item 替换为 List.Item
【讨论】: