react-native - 尝试在我的 React-Native 应用程序的所有页面上设置蒙特塞拉特字体

Question

我正在尝试将 Montserrat 字体应用于我的 react-native 应用程序中的所有元素，但似乎无法做到。

我已经下载了所有 18 个 ttf 文件并将它们放入我的 assets/fonts 文件夹中。

然后我尝试使用 react-native-global-props：

import { setCustomText } from 'react-native-global-props';

const customTextProps = {
  style: {
     fontFamily: 'Montserrat'
  }
}

setCustomText(customTextProps);

这对我的应用程序的文本组件没有任何作用。

然后我尝试使用 defaultProps：

Text.defaultProps.style = { fontFamily: 'Montserrat' }

也没有效果。

我还遵循了这篇中篇文章中关于使用自定义字体的所有步骤：

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

我的主要目标是将 Montserrat 字体应用到整个应用程序的每个元素。我有一种感觉，它可能与字体类型本身有关，因为谷歌字体说使用这个来应用字体：

font-family: 'Montserrat', sans-serif;

但是，react-native 不喜欢 sans-serif，因为它有一个 hiphon，所以我只是将它排除在外。

对此的任何建议将不胜感激。

标签： react-nativefontsreact-props