如何更改整个 React Native 应用的默认字体系列答案

【问题标题】：How to change the default font family of the entire react native app如何更改整个 React Native 应用的默认字体系列
【发布时间】：2019-09-27 22:59:16
【问题描述】：

我需要为我的应用添加自定义字体。并且所有文本，包括按钮标题，都必须以自定义字体显示。我怎样才能做到这一点？

我在我的应用程序中添加了自定义字体。但它需要为每个文本提供字体系列样式，并且不能更改按钮标题的字体系列。

【问题讨论】：

标签： react-native

【解决方案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' :)

【讨论】：

这为我成功更改了所有字体，但在任何地方都将文本切成两半。
我通过删除 lineHeight 让它工作得很好，非常感谢

【解决方案2】：

通常的做法是：

下载你想要的字体系列
接下来将你想要的所有字体文件添加到你的 react native 项目根目录下的“assets/fonts”文件夹中
在你的package.json中添加字体文件的位置"assets": ["./assets/fonts/"]
运行 react-native 链接

您可以按照字体文件的命名约定来使用它。

【讨论】：