zoukankan      html  css  js  c++  java
  • react native 中使用react-native-vector-icons

    1.引入依赖

    cnpm install react-native-vector-icons --save

    2.LINK原生

    react-native link react-native-vector-icons

    若成功的话会看到如下文件

    3.在组件中引入

    import Icon from 'react-native-vector-icons/Ionicons'; //引入图标
    
    在reder中使用: <Icon name="rocket" size={30} color="#900" />

    4.重新react-native run-android的时候会报错,因为node_module中的react-native-vector-icons下的 buildToolsVersion 和你项目的 buildToolsVersion 不一致,所以你需要修改react-native-vector-icons中的buildToolsVersion 和项目中的一致

     注意:两者一定要一致,不一致一定会报错的

    5.此时你可以重新run-Android一下,然后可以在模拟器上或者是真机上看到如下界面

    至此,引入react-native-vector-icons及使用算是基本成功了

  • 相关阅读:
    lottie 动画
    .netcore 跨域问题
    数据库规范
    课程总结
    Beta版本发布
    个人作业-Alpha项目测试
    第三次作业结对编程
    第二次作业-熟悉使用工具
    第一次阅读作业
    个人作业-Alpha项目测试
  • 原文地址:https://www.cnblogs.com/ldlx-mars/p/9455635.html
Copyright © 2011-2022 走看看