react-native - 如何在expo sdk33中加载 "ionicons"字体？

Question

升级到 expo sdk 33.0.0 后，当我构建我的 react native expo 应用程序时一切正常，但是一旦应用程序启动，就会出现以下错误:

fontFamily "ionicons"不是系统字体，还没有通过 Font.loadAsync 加载

在更新之前，我使用的是 sdk 版本 32.0.0，一切正常。

我尝试按照此处的说明添加字体 https://docs.expo.io/versions/latest/guides/using-custom-fonts/在我的 app.js componentDidMount 函数中:

const Ionicons = require("./fonts/Ionicons.ttf");
...
componentDidMount() {
    ...
    Font.loadAsync({
        "Avenir-Book": AvenirBook,
        "Avenir-Light": AvenirLight,
        "Ionicons": Ionicons,
    })
}
...

我还尝试从 更改 loadAsync 中的名称“ ionic ”至 “ ionic ”但什么都没有改变。

"Ionicons.ttf"字体文件夹里面的文件是从 复制的node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts 文件夹

- - - - -编辑 - - - - -
在我所有的 react native expo 项目 src 中，我没有一个对 Ionicon 的引用

任何帮助表示赞赏，
谢谢

Answer 1

导入 Ionicons图标做

import { Ionicons } from '@expo/vector-icons';
// use like
<Ionicons name="md-checkmark-circle" size={32} color="green" />

并导入自定义字体，添加需要字体的路径。

import { Font } from 'expo';

componentDidMount() {
  Font.loadAsync({
    'open-sans-bold': require('./assets/fonts/OpenSans-Bold.ttf'),
  });
}