React-Native Button 中的自定义字体

Question

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

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

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

Answer 1

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

textStyle={{fontFamily: Fonts.Montserrat}}

要么

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

尝试使用此链接作为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

在字体系列中，您只需输入字体名称

fontfamily:'your-font-family'