【问题标题】:style width menu of react-native-paperreact-native-paper 的样式宽度菜单
【发布时间】:2021-02-06 04:59:06
【问题描述】:

我有一个带有按钮锚点的菜单。

我想设置按钮等菜单的宽度。

我尝试过style=width:100%,但不起作用。如果我改变像素尺寸,它就会改变。

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

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

【问题讨论】:

    标签: react-native flexbox react-native-paper


    【解决方案1】:

    如果您尝试使用 flex: 1 设置样式,则应将其作为样式属性传递:style={{ flex: 1 }}。

    【讨论】:

    • 我用这个。如果您查看第 20 行的示例,则会看到 style={{flex:8}}。我尝试更改 flex 的数量,但宽度是固定的。
    【解决方案2】:

    找到解决方案:使用 List.Item 而不是 Menu.Item

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

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-11-11
      • 1970-01-01
      • 1970-01-01
      • 2022-07-22
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多