Kurulum
npm install --save react-native-vector-icons
Kurulum bittikten sonra android/app/build.gradle
dosyasında aşağıdaki değişikliği yapmalısınız:
apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
Düzenleme işleminden sonra aşağıdaki gibi olması gerekiyor:
project.ext.vectoricons = [
iconFontNames: [ 'MaterialIcons.ttf', 'EvilIcons.ttf' ] // Name of the font files you want to copy
]
apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
Yukarıda ki düzenleme işlemi bittikten sonra tekrar başlatın:
react-native start
Daha tekrar build
almalısınız:
react-native run-android
Import
import Icon from 'react-native-vector-icons/FontAwesome';
Kullanımı
<Icon name="rss" size={30} color="#900" />
Eğer iconların gösteriminde bir problem yaşanırsa aşağıdaki kodlar sırasıyla çalıştırılmalıdır.
react-native run-android
react-native start
Eğer React Native vector iconları X şeklinde görünüyorsa npm den silip yeniden eklemeniz yeterli olacaktır.