如何确认系统上已经安装了“ react-native-vector-icons”？

Question

我相信我以前已经在Windows 10上安装了react-native图标集。我不确定它是否在那里，是否已成功安装等。如何解决呢？

我最初相信我曾经使用过：

npm install react-native-vector-icons

我想输入一个命令来确认它已安装或能够找到它的保存位置。

Answer 1

它位于您创建的项目的node_modules文件中。

在'node_modules'文件中：

您也可以自己尝试一下，看看是否已安装。

您可以使用上面的捆绑图标之一，也可以滚动自己的自定义字体。

import Icon from 'react-native-vector-icons/FontAwesome';
const myIcon = <Icon name="rocket" size={30} color="#900" />;

如果它是最新的，则自创建项目以来就在node_modules文件夹中创建它。

Answer 2

检查您的package.json文件。如果已安装，它应该在那里。

Answer 3

检查您的 package.json ，您应该会看到类似“ react-native-vector-icons”：“ ^ 6.2.0”，的内容。确保您执行 react-native link react-native-vector-icons 并重新启动打包程序以使用图标。此外，要确认它，您可以找到名为 react-native-vector-icons的文件夹在 projectName / node_modules / react-native-vector-icons 中。另外，请尝试使用它一次，以检查npm模块的安装和链接是否存在问题

 import Icon from 'react-native-vector-icons/FontAwesome';
 <Icon name="rocket" size={30} color="#900" />;

如果正确执行了所有步骤，它将显示正确的图标。

Answer 4

您可以通过导航到特定项目目录并运行命令npm list <Your Package>

来检查特定项目的npm软件包。

因此对于react-native-vector-icons，命令为npm list react-native-vector-icons

如果您不知道位置，则可以通过npm list <package name> -g

进行全局搜索

因此对于react-native-vector-icons，命令为npm list react-native-vector-icons -g

结果将如下所示：

projectName@projectVersion /path/to/project/folder
└── react-native-vector-icons@6.3.0