我在 react native 中遇到错误 - fontFamily“ionicons”不是系统字体

Question

我在 react native 中遇到以下错误 - fontFamily“ionicons”不是系统字体，还没有通过 Font.loadAsync 加载。

• 如果您打算使用系统字体，请确保您输入的名称正确并且您的设备操作系统支持它。

我正在尝试导入博览会矢量图标。

import { Ionicons } from '@expo/vector-icons';

并使用图标

<Button transparent>
            <Ionicons name="md-checkmark-circle" size={32} color="green" />
        </Button>

但得到上述错误。

Answer 1

在查看应该可以工作并且与示例和之前出色的答案相同的代码数小时后，我发现了另一个可能的解决方案。

如果您一直在升级 Expo，这可能就是您的答案。

1. 删除 node_modules
2. 删除 package-lock.json
3. 跑 expo install
4. 跑 expo start -c

Answer 2

如果 nukingnode_modules不起作用，请确保您没有安装多个版本的expo-font.

1. 删除expo-font从node_modules/expo/node_modules/expo-font/。
2. 删除expo-font从依赖的形式列表node_modules/expo/package.json。
3. 跑 expo r -c

有关详细信息，由于expo-font安装了多个版本，Expo 无法加载字体。