"使用 lib 将 React Native 中的图标加粗：react-native-vector-icons"

Question

How can i get a bold icon from react-native-vector-icon<\/code> or pass style props to component?

Answer 1

You cannot adjust the thickness of the icon. But you can resize it.

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

If you configure the icon button, you can change the thickness of the text.

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

Answer 2

您不能只使用 fontSize 样式道具来增加矢量图标的大小。

"