使用lib从React Native折叠图标：react-native-vector-icons

Question

如何从react-native-vector-icon中获得粗体图标或将样式道具传递给组件？

我尝试通过浏览器开发工具更改字体粗细CSS，并且有效

Answer 1

您无法调整图标的粗细。但是您可以调整它的大小。

const myIcon = <Icon name="rocket" size={30} color="#900" />;

如果配置图标按钮，则可以更改文本的粗细。

  <Icon.Button name="facebook" backgroundColor="#3b5998">
    <Text style={{ fontFamily: 'Arial', fontSize: 15 fontWeight:"bold" }}>
      Login with Facebook
    </Text>
  </Icon.Button>