推荐RNIconfont：React Native图标字体库的高效解决方案

import React from 'react';
import { Text, StyleSheet } from 'react-native';
import Icon from 'react-native-vector-icons/FontAwesome';
 
const MyIcon = (props) => (
  <Icon {...props} style={[styles.icon, props.style]} />
);
 
const App = () => (
  <View style={styles.container}>
    <MyIcon name="rocket" size={30} color="blue" />
    <MyIcon name="home" size={30} color="green" />
    <MyIcon name="gamepad" size={30} color="red" />
  </View>
);
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  icon: {
    margin: 8,
  },
});
 
export default App;

这个代码示例展示了如何在React Native应用中使用react-native-vector-icons库来简单地渲染FontAwesome字体图标。MyIcon组件封装了图标组件，并允许用户通过props来指定图标的名称、大小和颜色。在App组件中展示了如何使用MyIcon来渲染三个不同的图标。