라이브러리 설치

# expo-fontのインストール 
npm install expo-font --save

FontAwesome 사이트에서 사용할 아이콘 다운로드

①Start For Free를 클릭

② 화면을 아래로 스크롤하고 다운로드를 클릭

③ Download Font Awesome Free for the Web을 클릭

④다운로드한 webfonts를 자신의 project/assets/fonts의 아래에 둔다

사용할 아이콘 결정

① 공식 사이트의 Search Icons에서 사용하고 싶은 아이콘을 검색한다

②사용할 아이콘의 유니코드 복사

구현

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

import * as Font from 'expo-font';
import fontAwesome from '../../assets/fonts/fa-solid-900.ttf';

export default class App extends React.Component {
  // fontAwesomeのLoad 
  componentDidMount() {
    Font.loadAsync({
      FontAwesome: fontAwesome,
    });

  render() {
    return (
      <View style={styles.container}>
        <Text>
          // \u + 先ほどコピーしたユニコードにする
          {'\uf062'}
        </Text>
      </View>
    );
  }
}

// 省略

보충