React Native Paper Icons 存储库

Question

我一直在努力找出用于图标的 React Native Paper 的存储库，使用 React Native Paper 设计 APP 变得非常容易，但弄清楚 Icon 名称有点困难。

Answer 1

React Native Paper 默认使用 Material Community 图标，很难弄清楚图标名称，下面是备忘单的 CDN URL，只需从 Valla 的任何图标名称中删除mdi- 即可！

https://cdn.materialdesignicons.com/5.4.55/

示例：- 在备忘单中的名称是mdi-comment-outline ，从这个名称中删除mdi-就是这样！！

<List.Item
    title="First Item"
    description="Item description"
    left={props => <List.Icon {...props} icon="comment-outline" />}
  />

Answer 2

我使用这个网站： https://materialdesignicons.com/

需要等待几秒钟，然后所有图标将显示 Good search bar for quick search

Answer 3

它使用Material Design Icons作为图标库，如果你想添加图标，那么这种技术肯定会起作用：

1. 访问https://materialdesignicons.com/
2. 点击任何图标，上面会出现 import Statement/Line 例如： import { mdiAccountSchool } from '@mdi/js'; .
3. 只需转换mdiAccountSchool => account-school 。

这肯定会奏效！