react-native中关于图标的使用

之前的时候，我在导航中直接用到图标，那个时候一直显示不出来正确的图标，后面看过其他的文章，找到了原因，由此，写下这篇文章。

1、先安装依赖：

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

2、如果是安卓的，就文件android\app\build.gradle中添加如下代码

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

3、使用：

import React, { Component } from 'react';
import { Platform, View, Text, ToastAndroid, BackHandler, Alert } from 'react-native';
import Icon from 'react-native-vector-icons/FontAwesome';

//import Ionicons from 'react-native-vector-icons/Ionicons'

export default class App extends Component {
  render() {
    return (
      <View>
        <Icon name="home" size={25} style={{ width: 26, height: 22 }} />
           <Ionicons name="heart"  size={size} color={color} />
      </View>
    );
  }
}

4、注意：如果没有效果，就重新启动项目即可