图标颜色在本机基础 header 按钮中不起作用

Question

我正在使用NativeBase Header 。 在 header 中，我有购物车和愿望清单等按钮。 但我无法更改该图标的颜色。

这是我的 header 代码：

<Header>
  <Left>
    <Button transparent onPress={props.onMenuPress}>
      <Icon type="Ionicons" name="menu" color="#ff0000" />
    </Button>
  </Left>
  <Body>
    <Title>{props.title}</Title>
  </Body>
  <Right>
    <Button transparent onPress={props.onWishlistPress}>
      <Icon name="heart" active={false} color="#ff0000" />
    </Button>
    <Button transparent onPress={props.onCartPress} icon>
      <Icon name="cart" active={false} color="#ff0000" />
    </Button>
  </Right>
</Header>

请任何人都可以告诉我这里有什么问题吗？

Answer 1

它显示在Native-base文档中。 对于 Icon， Native-base使用React-native-vector-icons模块，它允许您通过style设置colors和sizes 。

图标

完美、清晰、高清图标和理想像素 fonts 由NativeBase提供支持，以保持非常高的一流水平。 您将在您的计划中不断拥有像素完美的图标。 这是一个 repo，列出了可用的react-native-vector-icons图标系列的图标。 回购

使用来自 React Native Vector Icons 的 Ionicons

示例

 <Icon name='home' />
 <Icon ios='ios-menu' android="md-menu" style={{fontSize: 20, color: 'red'}}/>
 <Icon type="FontAwesome" name="home" />

图标颜色在本机基础 header 按钮中不起作用

问题描述

1 个解决方案

解决方案1
10 已采纳 2019-11-04 13:47:46

图标

示例

图标颜色在本机基础 header 按钮中不起作用

问题描述

1 个解决方案

解决方案1 10 已采纳 2019-11-04 13:47:46

图标

示例

解决方案1
10 已采纳 2019-11-04 13:47:46