Question

如何为ReactNative Button使用自定义FontFamily？这个是按钮：

 <Button
      title="ACCEDI"
      color={"#008800"}
      marginVertial={10}
      fontFamily={Fonts.Montserrat}
 />

但是这不起作用，fontFamily没有改变。我该如何更改？

Answer 1

请尝试将其放入样式属性中，

textStyle={{fontFamily: Fonts.Montserrat}}

OR

titleStyle={{fontFamily: Fonts.Montserrat}}

以下是有用的链接：

https://medium.com/react-native-training/react-native-custom-fonts-ccc9aacf9e5e

https://github.com/react-native-training/react-native-elements/issues/977

Answer 2

尝试使用此链接作为参考custom fonts in react native

在package.json中编辑字体文件夹src并尝试此链接。

Answer 3

我认为您不能设置字体系列。查看按钮的源代码。（https://github.com/facebook/react-native/blob/master/Libraries/Components/Button.js）。他们还没有公开任何文字样式的支持。

 const {
      accessibilityLabel,
      color,
      onPress,
      touchSoundDisabled,
      title,
      hasTVPreferredFocus,
      nextFocusDown,
      nextFocusForward,
      nextFocusLeft,
      nextFocusRight,
      nextFocusUp,
      disabled,
      testID,
    } = this.props;

但是，您可以创建一个TouchableWithNativeFeedback并添加一个Text组件并提供所需的样式。

Answer 4

在字体家族中，您只需输入字体名称

row_number()

React-Native Button中的自定义字体

4 个答案: