如何在React Native中设置默认字体系列？

Question

在React Native中是否存在与此CSS等效的字体，以便应用程序在任何地方都使用相同的字体？

body {
  font-family: 'Open Sans';
}

在每个Text节点上手动应用它似乎过于复杂。

Answer 1

对于React Native 0.56.0，首先检查是否定义了defaultProps:

Text.defaultProps = Text.defaultProps || {}

然后添加：

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

将上述内容添加到App.js文件（或您拥有的任何根组件）的构造函数中。

为了覆盖样式，您可以创建一个样式对象并扩展它，然后添加额外的样式（例如{…baseStyle，fontSize:16}）

Answer 2

最近有一个节点模块解决了这个问题，所以你不必创建另一个组件。

https://github.com/Ajackster/react-native-global-props

https://www.npmjs.com/package/react-native-global-props

该文档指出，在最高阶组件中，像这样导入 setCustomText 函数。

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

然后，为react原生＜code＞文本＜code＞组件创建所需的自定义样式/道具。在您的例子中，您希望fontFamily处理每个＜code＞文本＜/code＞组件。

const customTextProps = { 
  style: { 
    fontFamily: yourFont
  }
}

调用< code>setCustomText函数，并将您的道具/样式传递给该函数。

setCustomText(customTextProps);

然后所有反应原生的Text组件都将具有您声明的fontFamily以及您提供的任何其他道具/样式。

Answer 3

推荐的方法是创建自己的组件，例如MyAppText。MyAppText将是一个简单的组件，它使用您的通用样式呈现文本组件，并且可以通过其他道具等。

https://reactnative.dev/docs/text#limited-风格继承