I have struggled a lot to figure out the repository being used in react native paper for Icons, using react native paper designing APP becomes very easy but figuring out Icon names was a bit struggle.
React Native Paper uses Material Community Icons as default, it is a bit difficult to figure out the Icon names, below is the CDN URL for cheatsheet, just remove mdi- from any icon name at Valla it works!!
https://cdn.materialdesignicons.com/5.4.55/
example:- in cheatsheet name is mdi-comment-outline , remove mdi- from this name thats it!!
<List.Item
title="First Item"
description="Item description"
left={props => <List.Icon {...props} icon="comment-outline" />}
/>
I use this site: https://materialdesignicons.com/
Need to wait a few seconds then all icons will show Good search bar for quick searching
It uses Material Design Icons as an icon library, if you want to add icons then this technique will definitely work:
import { mdiAccountSchool } from '@mdi/js';
. mdiAccountSchool
=> account-school
.This will definitely work!
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.