[React Native] expo 폰트 적용

우선 custom font 파일들을 assets/fonts 에 넣어준다.

1. 설치

expo install expo-font

2. import

import { useFonts } from "expo-font";

3. 폰트 가져오기

  const [fontsLoaded] = useFonts({
    "Poppins-SemiBold": require("../assets/fonts/Poppins-SemiBold.ttf"),
    "Poppins-Regular": require("../assets/fonts/Poppins-Regular.ttf"),
  });
  if (!fontsLoaded) return null;

컴포넌트가 렌더링되기 전에 useFonts 로 폰트를 불러온다.

4. 폰트 사용

fontFamily: "Poppins-Regular"

이렇게 사용하면 끝!