首先安装插件
yarn add react-native-vector-icons
为了完成 react-native-screens
在 Android 上的安装, 请在android/app/build.gradle
中加入
apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
第二步:引入使用
import React, { Component } from 'react';
import { View, Text } from 'react-native';
import AntIcon from 'react-native-vector-icons/AntDesign'; //引入
import IonIcons from 'react-native-vector-icons/Ionicons' // 引入
export default class HomePage extends Component {
render() {
return (
<View>
<AntIcon name="up" size={30} color="#90c"/>
<AntIcon name="stepforward" size={30} color="#90c"/> //出不来的情况要把-去掉
<IonIcons name="add" size={30} color="#90c"></IonIcons>
</View>
);
}
}