question-mark
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.

I followed the guide on how to set this up.

Troubleshooting steps:

  1. Added this in the android/app/build.gradle file
project.ext.vectoricons = [
    iconFontNames: [ 'MaterialIcons.ttf', 'EvilIcons.ttf' ,'Entypo.ttf', 'FontAwesome.ttf' ] 
]
apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
  1. executed “react-native link” from inside the project file
  2. Deleted “android\app\build” folder
  3. Check if the font files are all in “android\app\src\main\assets\fonts”, the all are.
  4. executed “rm -rf node_modules && yarn install”
  5. executed “rm -fr $TMPDIR/react-*”
  6. Recompiled

i’m using the same code from the guide for the facebook icon and my import line is the same as well. import Icon from 'react-native-vector-icons/FontAwesome';

  <Icon.Button name="facebook" backgroundColor="#3b5998" onPress={this.loginWithFacebook}>
    Login with Facebook
  </Icon.Button>

Expected behavior: To see the icon f

Current behavior: I don’t see the icon f, I only see the text inside the button tags.

Environment: Android device, Kitkat 4.4.2 react-native-vector-icons version: 4.6.0 react-native version: 0.55.1

Issue Analytics

  • State:open
  • Created 5 years ago
  • Comments:7

github_iconTop GitHub Comments

3reactions
solaomosolacommented, Apr 10, 2018

I had a similar issue, the icons were not showing, then i ran ‘react-native link’ and restarted the app. That solved the problem for me.

0reactions
GastonEDiazcommented, Jul 10, 2018

@RomanISWG I solve using RN 0.56. Cheers

Read more comments on GitHub >

github_iconTop Results From Across the Web

Desktop Icons Not Showing Up - Driver Support
It can be difficult to get work done when you desktop icons are suddently missing or have disappeared. Learn how to quickly resolve...
Read more >
How to Fix Broken or Missing Icons and Thumbnails in ...
If your icons are corrupted or not displaying properly, you can reset the Windows 10 icon cache to fix them. The easiest way...
Read more >
How to Fix the Desktop Icons Disappeared on Windows 10
Right-click on an empty space on your desktop. · Click on the “View” option from the context menu to expand the options. ·...
Read more >
How to Fix Windows 10 Not Showing App Icons in the Taskbar
How to Fix Windows 10 Not Showing App Icons in the Taskbar · 1. Exit Tablet Mode · 2. Restart Windows Explorer ·...
Read more >
Desktop icons disappeared in Windows 10 [SOLVED]
Try these tips · Enable Show desktop icons · Check your desktop icon settings · Rebuild icon cache · Perform a system restore...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found