icon not showing

[arctushar]

Icon not showing, no error showing, icon installation done.

import { List, ListItem, SearchBar, Button,Avatar,Icon,SocialIcon} from "react-native-elements";

<SocialIcon

title='Some Twitter Message'
button
type='twitter'
/>

Also in node_modules\react-native-vector-icons\Fonts I have FontAwesome and other fonts
Also Android module react-native-vector-icons is already linked

[iRoachie]

Hey @arctushar this is usually a linking issue. Are you in a react-native init or create-react-native-app project?

[arctushar]

react-native init

[omahili]

As @iRoachie said it's probably a linking issue. Try this command in your project root directory:

react-native link

[xavier-villelegier]

Closing this as it has been inactive for a month, feel free to reopen it if it still doesn't work

[dorman99]

i have same problem here, pls re open it. after i ejecting my app, the react native element icons doesnt work

[MaxInMoon]

same with SearchBar icons (using v1.0.0-beta3)

[xavier-villelegier]

@dorman99 @MaxInMoon Be sure you have followed these instructions https://github.com/react-native-training/react-native-elements/issues/620#issuecomment-355530210

[MaxInMoon]

@xavier-villelegier thanks, my problem comes from the SearchBar component (#1019)

[aidooyaw1992]

this works, follow the tutorial below
https://github.com/oblador/react-native-vector-icons

[anvt96]

I can't fix it, although I follow this link https://github.com/oblador/react-native-vector-icons. Anyone can give me solutions, please.

[ivanjzr]

Me to, I followed steps properly from https://github.com/oblador/react-native-vector-icons
and nothing...

[josephbuchma]

Manual installation worked for me. Copy fonts you want to use into android/app/src/main/assets/fonts and reinstall app

[7Million]

As @iRoachie said it's probably a linking issue. Try this command in your project root directory:

react-native link

This worked for me even though RN 0.60 now offers autolinking, you will have to manually do the linking because autolinking still has some issues.

[irwansyahrmd]

If you are using RN 0.60, just link it manually because the fonts assets not automatically linked by jetifier.
react-native link

[krishan-kumar-mourya]

If you are using RN 0.60, just link it manually because the fonts assets not automatically linked by jetifier.
react-native link

This works, RN 0.60 or above links automatically but still for fonts assets you have to link them manually.

[siujay]

As @iRoachie said it's probably a linking issue. Try this command in your project root directory:

react-native link

Thankyou soo much, wasted whole day on this, just had to link as you said.

[qureshi90]

Open android/app/build.gradle and add the following:

apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

This worked for me.

[AmitRathee729]

apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

Thank you so much, this worked for me

[JoaoVitorJJV]

Open android/app/build.gradle and add the following:

apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

This worked for me.

Worked for me

EDIT:

It worked perfectly for the build, but to release with RN 0.72 I needed to add an update patch in the node_modules/react-native-vector-icons/fonts.gradle file:

diff --git a/node_modules/react-native-vector-icons/fonts.gradle b/node_modules/react-native-vector-icons/fonts.gradle
index 5485fac..ef3ccb3 100644
--- a/node_modules/react-native-vector-icons/fonts.gradle
+++ b/node_modules/react-native-vector-icons/fonts.gradle
@@ -26,6 +26,10 @@ afterEvaluate {
 
     android.applicationVariants.all { def variant ->
         def targetName = variant.name.capitalize()
+        def lintVitalAnalyzeTask = tasks.findByName("lintVitalAnalyze${targetName}")
+        if (lintVitalAnalyzeTask) {
+            lintVitalAnalyzeTask.dependsOn(fontCopyTask)
+        }
         def generateAssetsTask = tasks.findByName("generate${targetName}Assets")
         generateAssetsTask.dependsOn(fontCopyTask)
     }
     

You can see more here: oblador/react-native-vector-icons#1508 (comment)

[usmanabid94]

Icons are now being displayed on android but not being displayed on IOS files any one faced similar issue.

[mohcenesegouat]

Open android/app/build.gradle and add the following:

apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

This worked for me.

Thank you very much, it works for me as well! 👏👏