Icon not showing in react-native

Question

I am using react-native-vector-icons library for showing icons in tabbar like shown below :

import FontAwesome from 'react-native-vector-icons/FontAwesome';

<FontAwesome name='trophy' />

But it's not showing icon, so what to do for this?

Answer 1

Icon display wrong because it can not find the font. I think you need to check if the bundle contains these .ttf files.

If not, Here is the guide i found from docs

The result of icon i tested with your code:

Code:

Result: