在 React Native 项目中全局设置默认字体答案

【问题标题】：Set a default font globally in React Native project在 React Native 项目中全局设置默认字体
【发布时间】：2020-12-15 07:39:24
【问题描述】：

我已经在 /assest/fonts/ 下设置并添加了一组字体，创建了 react-neative.config.js 并相应地链接了这些字体。

我可以在我的样式中调用自定义字体，但无法为其初始化全局设置。

试图通过一个组件来做到这一点，像这样

import React from 'react';
import { Text } from 'react-native';
export default props => <Text {...props} style={[{ fontFamily: 'Roboto-Regular' }, props.style]}>{props.children}</Text>

然后通过 App.js 或页面组件等通过调用 CustomFont 导入它。虽然这不会呈现字体（我坚持使用操作系统默认值或为该特定元素应用的任何样式）。有什么想法吗？

【问题讨论】：

标签： react-native fonts global

【解决方案1】：

我认为这里的问题是您颠倒了样式对象中的顺序。您应该将props.style 的所有属性分配给样式，然后将您的自定义字体应用于它们

import React from 'react';
import { Text } from 'react-native';
export default props => <Text {...props} style={{...props.style, fontFamily: 'Roboto-Regular'}}>{props.children}</Text>

【讨论】：

【解决方案2】：

请更正资产资产。

module.exports = {
  assets: ['./assets/fonts']
}

【讨论】：