react native中icon使用

最新推荐文章于 2025-11-14 17:44:06 发布

原创最新推荐文章于 2025-11-14 17:44:06 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react native

react native 专栏收录该内容

6 篇文章

订阅专栏

本文详细介绍如何在React Native项目中集成并使用react-native-vector-icons库，包括安装、链接及示例代码展示。

运行以下命令：
yarn add react-native-vector-icons
react-native link react-native-vector-icons
示例：

import React,{Component} from 'react'
import {View,Text} from 'react-native'
import Ionicons from 'react-native-vector-icons/Ionicons'

export default class Welcome extends Component{
    render(){
        return <View>
            <Text>Welcome</Text>
            <Ionicons name={'ios-airplane'} size={26} style={{color:'#f00'}}/>
        </View>
    }
}