react-native - react-native-paper 样式宽度菜单

标签 react-native flexbox react-native-paper

我有一个带有按钮 anchor 的菜单。

我想设置菜单宽度的样式,例如按钮。

我已经尝试使用 style=width:100% 但不起作用。如果我改变以像素为单位的尺寸,它就会改变。

我如何使用 flex 模式设置样式(用于动态宽度)。

这是一个例子: https://snack.expo.io/@temuccio/menu

最佳答案

找到解决办法:用List.Item代替Menu.Item

我尝试了 https://github.com/callstack/react-native-paper/issues/2314#issuecomment-716496115 中提到的解决方案

但有些即使 Menu.Item 的宽度变为 100%,Menu.Item 右侧的某些部分变得不可点击
所以唯一对我有用的解决方案是用 List.Item 替换 Menu.Item

这是一个例子:https://snack.expo.io/@gautami123/menu

关于react-native - react-native-paper 样式宽度菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64494733/

相关文章:

javascript - React Native - 将状态分配给 const

javascript - 无法在 React Native Paper 中更改卡片标题文本的颜色

react-native - 框中出现奇怪的十字,代替了 React-native-paper 的复选框

javascript - 基于登录注销和表单提交响应条件渲染

react-native - 将 Overmind DevTools 与 React Native 结合使用

html - 如何使用 flexbox 均匀地间隔嵌套和未嵌套的对象?

html - 对齐子 div 底部

react-native - 使用 MobX 存储值动态设置 React Navigation 屏幕标题的方法?

javascript - React-Native Flatlist 会在状态发生变化时重新渲染图像

css - 如果我必须支持 IE9,是否值得使用 Flexbox?