React-native-vector-icons: Icons fail to show on Release Build!

[mrousavy]

• [x] Review the documentation: https://github.com/oblador/react-native-vector-icons
• [x] Search for existing issues (including closed issues): https://github.com/oblador/react-native-vector-icons/issues

Environment

• iOS (Release build)
• react native 0.63.1
• react native vector icons: latest

Description

In debug/development everything works fine. Icons show as usual. But once I build the app for release/production, the Icons don't show up. Not even question-mark boxes.

(Bottom bar should be Icons)

I have auto-linked the library, but specified only "MaterialCommunityIcons" in my Info.plist, because that's the only set I use. Do I still have to leave all of them in there?

~Also, I have called Icon.loadFont() at the entry point. (top of App.tsx)~ <-- Not required, as I'm not using use_frameworks! in my Podfile.

[mrousavy]

Apparently my InteractionManager.runAfterInteractions() callback is never being called, I've created an issue on facebook/react-native regarding this. Can this be related? https://github.com/facebook/react-native/issues/29421

After a quick search in this repository I found out that the InteractionManager is not referenced at all, meaning these should be two separate issues.

[bernardodesousa]

I'm having the same issue on Android, but not on Web, after updating from 6 to 7. Didn't test on iOS yet. Method of installation for Android was the recommended one, with gradle.

[dheysonalves]

Here happened to me too after I did a rebuild, deleting the modules and cleaning the cache.

[oblador]

Could be related to https://github.com/oblador/react-native-vector-icons/issues/1212

[GoktuqCan]

Having same issue with react-native 0.63.2 and react-native-vector-icons 7.0.0.
Deleting node modules and package-lock.json and reseting cache didn't help.

[oblador]

I wonder if this is related to react-native-screens, could you try disabling it? If that's not it can you provide a minimal reproducible example?

[oblador]

Also try to reset the simulator.

[mrousavy]

@oblador Might have something to do with react-native-screens, will test this out. Would be a bummer though, as I rely on react-native-screens for navigation (react-navigation requires react-native-screens)

[mrousavy]

@oblador I don't think it is related to #1212, as the icon in the purple button isn't visible either, and that should be white.

Also, I've reset the simulator but that didn't change anything. Also happens on physical device.

Also, I noticed that some icons actually do render, mainly those that are rendered lazily. The Icons at the bottom (tab navigator bottom bar) are rendered almost instantly on app launch, which apparently fails most of the time. Icons I have inside another screen which will only be rendered once I navigate to it (in my case the "add" screen when I press the big purple button), which apparently works. I've got a camera and photo gallery Icon in there and they showed up.

Do you maybe have some native logic that gets initialized lazily?

[mrousavy]

@oblador I have disabled rn-screens and the icons still failed to show on release build.

Just now I also managed to see this behaviour in debug mode aswell, couldn't reproduce it since then.

[jmyers0022]

I'm seeing this issue in our most recent Android release build as well. The icons are still there on iOS. We had recently updated from ^6.6.0. Reverting back to that version didn't fix things.

[r0stig]

Just to make sure, you have followed the installation instructions? The important one including the line in build.gradle for Android and running pod update for iOS (instructions here https://github.com/oblador/react-native-vector-icons).

I had the same problem with icons only loaded lazy were showing, but once I included the above line in build.gradle all icons were showing.

[mrousavy]

@r0stig do you still have to do those steps in >0.60 with autolinking?

[r0stig]

@r0stig do you still have to do those steps in >0.60 with autolinking?

I'm using 0.63.2 and I had to add that line in build.gradle after updating to 7.0.0 for all icons to work.

[mrousavy]

I've set up my iOS app correctly (I think), but the Icons are still not showing in release build.

[vohoangankhanh]

just add apply from: "../../node_modules/react-native-vector-icons/fonts.gradle" in the bottom off android/app/build.gradle ( NOT android/build.gradle ) then sync again the project and icon will show correctly

[fazal59]

just add apply from: "../../node_modules/react-native-vector-icons/fonts.gradle" in the bottom off android/app/build.gradle ( NOT android/build.gradle ) then sync again the project and icon will show correc

[fazal59]

can you guide m in more details I have same issue