如何在@ shoutem / ui DropDownMenu中将最后一项设置为不透明?

懒惰

我正在使用下拉菜单https://shoutem.github.io/docs/ui-toolkit/components/dropdown-menu

默认情况下,它被设置为透明菜单中的最后一个项目,我想知道是否可以禁用它,因为即时消息仅在菜单中使用了2个项目,这使我的第二个项目变得透明且几乎不可见。

当我单击我的下拉菜单时,您可以在那里看到2个项目(几乎看不到第二个项目)

斯拉夫科

恐怕无法通过简单的bool道具或类似功能禁用它。将来可能会添加此选项。现在,我建议您尝试编辑UI工具包的主题。

如果您使用的是Shoutem平台,则可以创建一个可以在应用程序中使用的自定义主题(作为新的自定义扩展名)。如果没有,您可以手动定义默认的UI工具箱主题,在该主题中“禁用”此渐变。

在这两种情况下,您都需要覆盖DropDownModal组件主题样式。

这是传递给组件的默认主题样式。

  'shoutem.ui.DropDownModal': {
    modal: {
      'shoutem.ui.Button.close': {
        'shoutem.ui.Icon': {
          color: changeColorAlpha(variables.subtitle.color, 0.5),
          fontSize: 24,
        },

        position: 'absolute',
        bottom: 25,
        left: 0,
        right: 0,
      },

      flex: 1,
      justifyContent: 'center',
      alignItems: 'center',
      paddingVertical: 20,
      backgroundColor: changeColorAlpha(variables.backgroundColor, 0.97),
    },

  ....
  },

您可以为工具箱定义一个新主题,该主题将覆盖此特定的style属性。所以你可以传递类似

  'shoutem.ui.DropDownModal': {
    modal: {
      backgroundColor: 'transparent',
    },
  },

我们正在使用backgroundColor属性在实际下拉菜单上方设置叠加层的样式。

如果您不使用Shoutem平台,则可以使用从UI工具箱导出getTheme来获取默认主题。这将为您提供解析的样式对象,您可以在其中合并您所做的更改。然后,通过使用,将新主题设置为当前主题@shoutem/theme

import { Theme } from '@shoutem/theme';

Theme.setDefaultThemeStyle(myCustomTheme);

如果您使用的是Shoutem平台,则可以通过创建一个新的主题扩展名来创建相同的替代,该新主题扩展名合并来自Rubicon主题扩展名的默认样式。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

我如何在 ScrollView @shoutem/ui 中使用 web 视图和一个视图

来自分类Dev

Shoutem v5 如何处理多级导航?

来自分类Dev

如何在Applescript中将“启用UI元素”设置为true?

来自分类Dev

如何在Applescript中将“启用的UI元素”设置为true?

来自分类Dev

我怎样才能用内容包装 @shoutem/ui 制作网格视图 3 行

来自分类Dev

如何在CListView的最后一项设置CSS样式?

来自分类Dev

如何在flutter中创建透明的UI?

来自分类Dev

如何在CALayer中将PNG加载为不透明图像?

来自分类Dev

如何在语义UI中将卡片居中?

来自分类Dev

如何在语义UI中将卡片居中?

来自分类Dev

如何将导航设置为不透明

来自分类Dev

如何在片段中设置UI值

来自分类Dev

如何在不透明度设置为0的元素上进行tabindex

来自分类Dev

关于为不透明度设置UI滑块的问题

来自分类Dev

如何在Storybook中为Material UI设置主题

来自分类Dev

如何在 SAP ui5 中将计数设置为 PagingButton

来自分类Dev

如何将视图设置为recyclerview中的最后一项

来自分类Dev

单击xcode / Swift UI时如何更改导航链接的不透明度

来自分类Dev

CSS如何设置不透明深度

来自分类Dev

同位素:如何显示和设置不匹配项的不透明度值

来自分类Dev

如何在OpenGL中将不透明对象与透明对象分开

来自分类Dev

如何在语义UI中指定链接项的URL?

来自分类Dev

如何在Android游戏中将UI和逻辑分开?

来自分类Dev

如何在jQuery Ui中设置活动标签

来自分类Dev

如何在Onsen UI中设置按钮的单击事件?

来自分类Dev

如何在材质ui中设置LinearProgress的最大值?

来自分类Dev

如何在Kendo UI中设置组合框的自动宽度?

来自分类Dev

如何在轮播中心(Onsen-UI)设置图像

来自分类Dev

如何在Material-UI中设置按钮样式

Related 相关文章

  1. 1

    我如何在 ScrollView @shoutem/ui 中使用 web 视图和一个视图

  2. 2

    Shoutem v5 如何处理多级导航?

  3. 3

    如何在Applescript中将“启用UI元素”设置为true?

  4. 4

    如何在Applescript中将“启用的UI元素”设置为true?

  5. 5

    我怎样才能用内容包装 @shoutem/ui 制作网格视图 3 行

  6. 6

    如何在CListView的最后一项设置CSS样式?

  7. 7

    如何在flutter中创建透明的UI?

  8. 8

    如何在CALayer中将PNG加载为不透明图像?

  9. 9

    如何在语义UI中将卡片居中?

  10. 10

    如何在语义UI中将卡片居中?

  11. 11

    如何将导航设置为不透明

  12. 12

    如何在片段中设置UI值

  13. 13

    如何在不透明度设置为0的元素上进行tabindex

  14. 14

    关于为不透明度设置UI滑块的问题

  15. 15

    如何在Storybook中为Material UI设置主题

  16. 16

    如何在 SAP ui5 中将计数设置为 PagingButton

  17. 17

    如何将视图设置为recyclerview中的最后一项

  18. 18

    单击xcode / Swift UI时如何更改导航链接的不透明度

  19. 19

    CSS如何设置不透明深度

  20. 20

    同位素:如何显示和设置不匹配项的不透明度值

  21. 21

    如何在OpenGL中将不透明对象与透明对象分开

  22. 22

    如何在语义UI中指定链接项的URL?

  23. 23

    如何在Android游戏中将UI和逻辑分开?

  24. 24

    如何在jQuery Ui中设置活动标签

  25. 25

    如何在Onsen UI中设置按钮的单击事件?

  26. 26

    如何在材质ui中设置LinearProgress的最大值?

  27. 27

    如何在Kendo UI中设置组合框的自动宽度?

  28. 28

    如何在轮播中心(Onsen-UI)设置图像

  29. 29

    如何在Material-UI中设置按钮样式

热门标签

归档