反应本机按钮图标未显示

Question

我正在使用 expo 的小吃，没有正确显示图标，我做错了什么？ 我测试了这个零食https://callstack.github.io/react-native-paper/button.html 和许多其他的零食，但它总是显示矩形图标。

我正在使用世博会 36.0.0

Answer 1

问题在博览会日志中显示为

尝试在“react-native-paper”的组件中使用“stepforward”图标，但无法加载“react-native-vector-icons”。 要删除此警告，请尝试安装“react-native-vector-icons”或使用其他方法指定图标：https://callstack.github.io/react-native-paper/icons.html。 即使您尝试添加包，它仍然没有解决，这里报告的一些问题在博览会上Expo forums

以下是Snack link的解决方法

1. 使用 Expo 矢量图标

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

2.获取类型

import SimpleIcon from 'react-native-vector-icons/SimpleLineIcons';

import MaterialIcons from 'react-native-vector-icons/MaterialIcons';

然后作为孩子传递