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

我在/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>

从“React”导入React；
从“react native”导入{Text}；
导出默认道具=>{props.children}

然后通过调用CustomFont，通过App.js或页面组件等导入。

---

不过，这并没有呈现字体（我坚持使用操作系统默认设置或应用于该特定元素的任何样式）。有什么想法吗？

我认为这里的问题是你颠倒了样式对象的顺序。您应该将

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>

从“React”导入React；
从“react native”导入{Text}；
导出默认道具=>{props.children}

请将资产更正为资产

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

---

这很有效，谢谢你！