react-native - 如何更改或设置 React Native 中“rightcircle”图标内的箭头？

Question

如何更改 React Native 中“rightcircle”图标内的箭头颜色或样式？

箭头的默认颜色是白色

https://icons.expo.fyi/AntDesign/rightcircle

标签： react-nativeexpo

Answer 1

该图标的 SVG 是填充的部分，这意味着箭头不是白色的，实际上是透明的，因此您需要将图标包裹在一个大小合适的视图上并更改背景颜色：

<View style={{
    backgroundColor:"red",
    width:24,
    height:24,
    borderRadius:12
  }}>
    <AntDesign style={{
    }} name="rightcircle" size={24} color="black"/>
  </View>