React Native를 학습하는 동안 FontAwesome 아이콘을 사용하는 방법이 약간 어색했기 때문에,
메모로 남겨 둡니다.

라이브러리 설치

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

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

공식 사이트
폰 웨 염색. 작은 m

①Start For Free를 클릭

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

③ Download Font Awesome Free for the Web을 클릭

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

※이번은 fa-solid-900.ttf 를 사용한다

사용할 아이콘 결정

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

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

※ 이번이라면 f062

구현

App.js

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>
    );
  }
}

// 省略

보충

이것으로 일단 표시는 할 수 있지만, 실제로는 Load를 async await로 기다리거나,
유니 코드를 직접 지정하는 대신 expo/vector-icons를 사용하여 이름을 지정합니다.
우선 이번에는 표시까지. .