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

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 '.../global-components' :)