如何从 React Native 中的目录导入矢量图标？答案

【问题标题】：How to import a vector icon from directory in React Native?如何从 React Native 中的目录导入矢量图标？
【发布时间】：2020-02-28 08:47:21
【问题描述】：

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

【问题讨论】：

图标的格式是什么？ PNG？
您能告诉我们您已经编写了哪些代码来尝试解决这个问题吗？

标签： react-native vector-icons

【解决方案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 文件。您需要做的就是；把这些文件放到你的项目中，看看上面的使用例子。

如果你做不到，我写了Step By Step Guide

【讨论】：