如何在 React Native 中使用 Material-UI 图标

Question

我正在使用 React Native，并尝试使用 Material-UI 图标。

我已经 npm 安装了 @material-ui 和 @material-ui/icons。

我已经包括：

import AddIcon from "@material-ui/icons/Add";

在顶部，我的回报中的图标为：

<AddIcon />

但是我收到错误

不变违规：组件“路径”的视图配置 getter 回调必须是一个函数（收到“未定义”）。确保组件名称以大写字母开头。

删除<AddIcon/>可以消除错误，但显然图标不会显示。

我正在使用react-native 和expo。我没有使用模拟器或 android studio。我正在 Visual Studio Code 中编写这个项目。

Answer 1

您可以使用博览会中默认安装的库，使用您想要的图标名称更改 Ionicons 并始终检查文档！ https://docs.expo.io/guides/icons/

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