推荐使用:React Native FontAwesome图标库
import React from 'react';
import { View, Text } from 'react-native';
import Icon from 'react-native-vector-icons/FontAwesome';
const ExampleComponent = () => {
return (
<View>
<Text>默认图标大小和颜色:</Text>
<Icon name="rocket" />
<Text>自定义图标大小和颜色:</Text>
<Icon
name="home"
size={40}
color="#5f5f5f"
/>
<Text>图标样式:</Text>
<Icon.Button name="user" backgroundColor="#3498db">
<Text>用户</Text>
</Icon.Button>
</View>
);
};
export default ExampleComponent;
这个例子展示了如何在React Native应用程序中使用react-native-vector-icons/FontAwesome
图标库。它包括如何导入图标组件、如何渲染默认的图标以及如何通过size
和color
属性来自定义图标的大小和颜色。同时,它还演示了如何使用图标按钮,并在按钮中嵌入文本。
评论已关闭