如何更改整个React本机应用程序的默认字体家族

Question

我需要在我的应用中添加自定义字体。所有文本，包括按钮标题，都必须在自定义字体中显示。我该如何实现？

我在我的应用中添加了自定义字体。但是它需要为每个文本提供字体家庭风格，并且不能更改按钮标题的字体家族。

Answer 1

这些答案似乎并没有真正阅读您的问题。.因此，这是如何在全球使用字体，而无需每次指定它：

创建一个类似的组件：

import * as React from 'react';
import { Text } from 'react-native';

export default (props) => {
  const defaultStyle = { fontFamily: 'Muli', color: '#14181c' };
  const incomingStyle = Array.isArray(props.style) ? props.style : [props.style];
  return <Text {...props} style={[defaultStyle, ...incomingStyle]} />;
};

现在，您到处都有

import { Text } from 'react-native'，

用

替换

import { Text } from 'src/global-components'：(