react-native - 如何从 React Native 中的目录导入矢量图标？

Question

我想知道如何使用 react native 导入我创建的矢量图标或从 pc 中的目录？

Answer 1

我相信您正在尝试使用自定义font图标。我建立了一个库来简化它。

https://github.com/WrathChaos/react-native-custom-icon

用法：

import MyIcon from "react-native-custom-icon";
import IcomoonConfig from "./assets/icomoon/selection.json";

<MyIcon name="fireworks" color="red" size={50} config={IcomoonConfig} />

您需要安装 react-native-vector-icons。这是必须的依赖。您可以将 svg 图标放入https://icomoon.io/并从那里获取 .ttf 字体图标。它带有selection.json和icomoon.ttf文件。您需要做的就是；把这些文件放到你的项目中，看看上面的使用例子。

如果你做不到，我写了一个分步指南