React Native + React Native Paper应用中图标无法显示

Question

这是一个使用React Native Paper的新的React Native应用程序。我按照https://callstack.github.io/react-native-paper/getting-started.html上的说明安装了react-native-paper和react-native-vector-icons。但是，由于某种原因，应用程序中没有显示任何图标--请参见下面的截图：。例如，我在屏幕顶部有一个Searchbar，并使用以下代码。据我所见，我甚至不必在那里指定一个图标。它应该自动显示一个放大镜，但没有显示任何图标。

<Searchbar placeholder="New to do item..." />

任何想法为什么会出现这种情况以及如何修复它？

- Sam

---

你有遵循 https://github.com/oblador/react-native-vector-icons#android 的步骤吗？ - Sameer Kumar Jain

是的，这解决了问题。谢谢！您能否将您的回复复制并粘贴为答案，以便您获得帮助积分？我会接受您的答案。再次感谢！ - Sam

Answer 1

停止你的应用程序。然后进入项目目录 > 打开cmd > 运行npx react-native link react-native-vector-icons

cmd将会显示链接成功

现在再次运行你的应用程序

- mayur

---

有人请给这个回答点个赞... 或者是接受为最佳答案... - Bondolin

在 React Native 的 0.69+ 版本中，npx react-native link 不起作用。请改用 npx react-native-asset。 - undefined

Answer 2

只需按照此处描述的安装步骤进行操作：https://github.com/oblador/react-native-vector-icons#android

React-native-paper使用MaterialCommunityIcons，因此请记得在上述步骤中将其添加到iconFontNames列表中。

- Daviskitavi