android 및 iOS용 React Native 0.63>=에 사용자 정의 글꼴 추가

사용자 정의 글꼴을 추가하여 이 프로그램에 응답하는 것은 몇 가지 절차만 있으면 매우 간단합니다.프로그램에 사용자 정의 글꼴을 추가하는 절차를 쓰고 있습니다.
구글 글꼴 다운로드
우선, 원하는 글꼴을 Google Fonts 다운로드해야 합니다.
응용 프로그램 폴더에 글꼴 추가
그런 다음 루트 적용/자원 폴더에 글꼴 폴더를 만들고 다운로드한 글꼴 파일을 붙여넣습니다.

글꼴 내보내기
현재 프로그램의 루트 디렉터리에 react-native.config.js라는 파일을 만들고 글꼴 경로 폴더를 추가합니다

module.exports = {
  project: {
    ios: {},
    android: {},
  },
  assets: ['./App/assets/fonts'],
};

프로젝트에 자산 링크
이 링크를 추가하면 "react native link"가 실행됩니다.그러면 응용 프로그램에 글꼴이 복사됩니다.android에 대해서는 "android>app>src>main>assets>fonts"폴더로 복사됩니다.iOS의 경우 글꼴 이름이 정보에 추가됩니다.ios의plist 파일 > 응용 프로그램 이름 > 정보.프리스트

npx react-native link

대상에 리소스 추가
현재, 사용자 정의 글꼴은android 프로그램에 적용되기 시작하지만, iOS에 적용될 수 있도록 마지막 단계를 해야 합니다.
Xcode에서 응용 프로그램에 필요한 목표로 이동하여 Build Phases 옵션을 선택하고 '복사 묶음 자원' 옵션에 글꼴 파일을 추가합니다. 아래와 같습니다.

Xcode 단계는 링크 단계에서 완료됩니다.나중에 프로그램을 재구성하는 것만 기억하십시오.
응용 프로그램에 사용자 정의 글꼴을 추가할 수 있기를 바랍니다.