在做web端開發時用到了不少字型圖示庫，在web端設定字型圖示很簡單，就是用一個@font-face設定自定義字型，那麼用react native開發安卓app時如何設定字型圖示呢？
　

react-native-vector-icons

首先sreact native有一個字型圖示庫react-native-vector-icons，關於如何使用這個請參考github上的詳細說明react-native-vector-icons

使用自定義的阿里向量圖示庫

在使用react-native-vector-icons時發現有些需要的圖示不符合我的要求，覺得還是自定義的圖示庫比較方便，阿里巴巴有個

import React, { Component } from 'react';
import {
    StyleSheet,
    Text,
} from 'react-native';

export class IconFont extends Component {
    constructor(props) {
        super(props);
    }

    render() {
        return (
            <Text 
                style={[styles.icon, this.props.style]}
                onPress={this.props.onPress}   
            >
                {this.props.font}
            </Text>
        )
    }
}

const styles = StyleSheet.create({
    icon: {
        fontFamily:'iconfont',
        color: '#000',
    },
})
 

4.接下來使用這個元件展現自定義字型圖示，檢視demo_unicode.html中的相關圖示的程式碼，然後引用

<IconFont
    font="&#xe7d8;" // 這是一個導航欄home的圖示
    style={{fontSize: 26 }}
    onPress={() => alert("home") } 
/>

5.到這裡所有工作基本上都做好了，最後就是重新react-native run-android跑一下
6.最後看一下效果