Icon prop error.

Ask your Question

As it says in documentation, I tried to add button with icon which is ‘dots-vertical’. And it says that is invalid though the document says that icon is in the supported list.

And I’m using expo so AFAIK there’s no need of extra configuration.

The error message was : Invalid prop name of value ‘dots-vertical’ supplied to ‘icon’.

The code was like below : <Button icon='dots-vertical' size={20} onPress={() => {this._openMenu}} />

Please help with this problem. Many thanks!

[jayu]

You should check the version in package.json. Check this example https://snack.expo.io/@jaysbytes/jealous-carrot In your case dots-vertical (3.x) or more-vert (2.x) should work. If both don’t work I cannot help without more complex reproduction

[Arnaud-J]

I can confirm the following from @rodrigo98rm

Icon names on my project seem to point to Google Material Icons, but the icon list available on the docs point to Material Community Icons.

If Material Community Icons works only on (3.x), which is currently on alpha (according to the releases page), shouldn’t the docs show the list of icons available for (2.x)?

Also, I am a little confused with the docs. Are they entirely 3.x ? Or are they 2.x with some (probably misplaced) 3.x parts ? For the record, I lost about one hour trying icons, checking linking of my react-native-vector-icon lib, checking my ttf files and so on.