react-native-vector-icons 矢量图标的使用

资源

git hub地址
作者git hub,有诸多UI资源

安装

$ npm install --save react-native-vector-icons
$ npx react-native link react-native-vector-icons

此时将在"../../node_modules/react-native-vector-icons/下，安装大量的矢量字体库，可以使用以下资源，进行浏览：图库查询

矢量库及矢量名

项目中的对应关系

引入方法及使用

引入（react 组件）：

import AntDesign from "react-native-vector-icons/AntDesign"
import FontAwesome from 'react-native-vector-icons/FontAwesome'
import Entypo from 'react-native-vector-icons/Entypo'

使用：

export default class App extends Component {
  render() {
    return (
      
        
        
        图标展示
        
          Login with Facebook
        
      
    )
  }
}

效果：

截屏2020-03-23下午1.43.58.png