【问题标题】:Expo Vector Icon - how to change background color?Expo Vector Icon - 如何更改背景颜色?
【发布时间】:2021-05-18 16:03:29
【问题描述】:

我在我的应用程序中使用 Expo vector Icon 和 React Native。我正在使用如下图标,它适用于所有道具。但是,我一直在尝试更改背景颜色,但并没有像预期的那样改变。我检查了文档,所有属性都按预期工作,backgroundColor 除外。知道为什么它不起作用吗?

 <AntDesign
       name={name}
       size={size}
       color={color}
       iconStyle={iconStyle}
       backgroundColor="red"/>

【问题讨论】:

    标签: ios react-native expo jsx


    【解决方案1】:

    矢量图标本身不支持背景属性。

    你指的是按钮,如果你想使用按钮,你必须像下面那样做

     <AntDesign.Button
           name={name}
           size={size}
           color={color}
           iconStyle={iconStyle}
           backgroundColor="red"/>
    

    但如果你的要求只是图标,你可以简单地设置它

    <AntDesign
           name={name}
           size={size}
           color={color}
           style={{backgroundColor:'red'}}/>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-11-11
      • 1970-01-01
      • 1970-01-01
      • 2016-04-08
      • 2018-02-13
      • 2012-01-02
      • 2022-01-21
      • 2016-05-31
      相关资源
      最近更新 更多