如何在本机应用程序中添加@ expo / vector-icons？

Question

我正在使用@ expo / vector-icons，这是我的package.json文件

 "dependencies": {
     "@expo/vector-icons": "^4.1.1",
     "color": "^1.0.3",
     "expo": "^30.0.1",
     "moment": "^2.22.2",
     "react": "16.3.1",
     "react-native": "https://github.com/expo/react-native/archive/sdk- 
      30.0.0.tar.gz",
    "react-native-extended-stylesheet": "^0.4.0"  },

当我在组件中导入@ expo / vector-icon库

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

它给出了错误

Answer 1

该库是默认提供的，因此您无需安装@ expo / vector-icons。

例如，您可以这样做：

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

然后您可以像这样使用它：

<Ionicons name="ios-pizza" color="red" size={200} />

仅供参考，此目录有助于查找不同的图标https://expo.github.io/vector-icons/

Answer 2

在您的依赖项（package.json）中，删除@ expo / vector-icons。它们包含在expo软件包中，不同版本的expo和expo / vector-icons可能会导致此类错误。

来自official docs：

  

默认情况下，此库安装在模板项目上   通过expo init-它是expo软件包的一部分。这包括   热门图标集，您可以使用来浏览所有图标   @ expo / vector-icons目录。

Answer 3

删除您的节点模块文件夹并运行expo init。并运行项目