react-native-vector-icons 安卓和ios 安装

npm install --save react-native-vector-icons

ios

react-native-vector-icons 安卓和ios 安装_第1张图片

将node_modules/react-native-vector-icons/Fonts的文件夹里的内容复制到项目的ios/Fonts文件夹下

react-native-vector-icons 安卓和ios 安装_第2张图片 选择Ios/Fonts/里的内容 

react-native-vector-icons 安卓和ios 安装_第3张图片

点开Ifon.plist文件,并在右侧添加一项"Fonts provided by application" 

react-native-vector-icons 安卓和ios 安装_第4张图片

 在Fonts provided by application 点添加按钮添加内容并填写ttf文件名如下

react-native-vector-icons 安卓和ios 安装_第5张图片

react-native-vector-icons 安卓和ios 安装_第6张图片

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

在根目录里新建react-native.config.js 文件,添加内容如下

react-native-vector-icons 安卓和ios 安装_第7张图片

android

推荐写法
android/app/build.gradle  文件里添加内容

apply from: "../../node_modules/react-native-vector-icons/fonts.gradle" 

react-native-vector-icons实现在react-native项目优雅的使用阿里图标_前端豆瓣酱的博客-CSDN博客 

你可能感兴趣的:(android,react.js,react,native)