Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Icons not rendering correctly

See original GitHub issue

Environment

react-native-cli: 2.0.1 react-native: 0.61.4 react-native-paper: 3.2.1 VSCode Windows 10

Description

Warning: failed prop type invalid prop name of value supplied to icon

screenshot

Reproducible Demo

<Appbar.Header>
          <Appbar.Action icon="menu" />
          <Appbar.Content title="ReactApp" />
          <Appbar.Action icon="search" />
          <Appbar.Action icon="more-vert" />
</Appbar.Header>

Issue Analytics

State:
Created 4 years ago
Comments:5

Top GitHub Comments

5reactions

enthussbcommented, Mar 23, 2020

@enthussb how did you do it?

First of all, if you are getting a question mark then the issue is due to incorrect name of the icon. Refer https://oblador.github.io/react-native-vector-icons/ for the names of different icon packs that you are using.
If you are getting symbol like ☒ then add the following line of code apply from: "../../node_modules/react-native-vector-icons/fonts.gradle" in android/app/build.gradle. It seems like a linking issue so when you add that line and build again you will see the icons to be rendered perfectly.

2reactions

jcarloTAcommented, Mar 23, 2020

Thanks! that solved it