VANHIEP.NET - Làm web giá rẻ - Thiết Kế Website - Thiết Kế Ứng Dụng Mobile

react native not auto linking font

with project using react-native-vector-icons package

Step 1 : create a file react-native.config.js in root project

add content this file 

module.exports = {

project: {

ios: {},

android: {},

},

assets: [

'./node_modules/react-native-vector-icons/Fonts/AntDesign.ttf',

'./node_modules/react-native-vector-icons/Fonts/Entypo.ttf',

'./node_modules/react-native-vector-icons/Fonts/EvilIcons.ttf',

'./node_modules/react-native-vector-icons/Fonts/Feather.ttf',

'./node_modules/react-native-vector-icons/Fonts/FontAwesome.ttf',

'./node_modules/react-native-vector-icons/Fonts/FontAwesome5_Brands.ttf',

'./node_modules/react-native-vector-icons/Fonts/FontAwesome5_Regular.ttf',

'./node_modules/react-native-vector-icons/Fonts/FontAwesome5_Solid.ttf',

'./node_modules/react-native-vector-icons/Fonts/Fontisto.ttf',

'./node_modules/react-native-vector-icons/Fonts/Foundation.ttf',

'./node_modules/react-native-vector-icons/Fonts/Ionicons.ttf',

'./node_modules/react-native-vector-icons/Fonts/MaterialCommunityIcons.ttf',

'./node_modules/react-native-vector-icons/Fonts/MaterialIcons.ttf',

'./node_modules/react-native-vector-icons/Fonts/Octicons.ttf',

'./node_modules/react-native-vector-icons/Fonts/SimpleLineIcons.ttf',

'./node_modules/react-native-vector-icons/Fonts/Zocial.ttf',

],

};

step 2 : add array font in file info.plist with ios

UIAppFonts

AntDesign.ttf

Entypo.ttf

EvilIcons.ttf

Feather.ttf

FontAwesome.ttf

FontAwesome5_Brands.ttf

FontAwesome5_Regular.ttf

FontAwesome5_Solid.ttf

Foundation.ttf

Ionicons.ttf

MaterialIcons.ttf

MaterialCommunityIcons.ttf

SimpleLineIcons.ttf

Octicons.ttf

Zocial.ttf

Fontisto.ttf