React-native-paper: Document list of available icons

[Wilson-Lim]

Current behaviour

Expected behaviour

Trying to use "calendar_today" in Material icons, and many other icons, some are appearing, and some are just "?"

Is there a list of whats supported and not ?

Code sample

icon="calendar_today"
style={styles.child}
size={20}
color={"#161616"}
/>

Screenshots (if applicable)

What have you tried

Your Environment

| software | version
| --------------------- | -------
| ios or android | 8.1
| react-native | 0.57.7
| react-native-paper | ^2.2.8
| node |
| npm or yarn |

[raajnadar]

This means the icon is not available..

[satya164]

We use MaterialIcons from https://github.com/oblador/react-native-vector-icons. So only the icons available there are supported.

[lukewalczak]

Currently you can see the list of all supported icons right in https://callstack.github.io/react-native-paper/icons.html

[nardonykolyszyn]

I'm having the same issue, I'm trying to add Navigation's icons from this source but most of the icons are not supported.

https://material.io/resources/icons/?style=baseline

"react": "16.6.0-alpha.8af6728"
"react-native": "0.57.4"
"react-native-paper": "^2.16.0"

[lukewalczak]

Hey @devpolish , from version 3.0 we are using MaterialCommunityIcons by default.

[sebastianext]

Currently you can see the list of all supported icons right in

https://material.io/resources/icons/?style=baseline

Use example:

Name icon: _alarm_add_

Name react native:

...
<IconButton
     icon="alarm-add"
     size={20}
     onPress={() => console.log('Pressed')}
 />
...

[VidyaCK]

Link the react-native-paper module to your project after installing. It will work fine.

1. npm install react-native-paper --save
2. react-native link
3. react-native link react-native-paper