소개

expo-font에는 useFonts로 비동기 폰트 로딩을 처리할 수 있다.

문제점

const [loaded, error] = useFonts({
'Inter-Black': require('./assets/fonts/Inter-Black.otf'),
});

폰트가 여러 개인데, 일부 폰트만 로딩되고 일부 폰트는 아예 로딩하지 않는 문제가 있었다.

해결

const [loaded, error] = useFonts({
'Inter-Black': require('./assets/fonts/Inter-Black.otf'),
});
if (!loaded && !error) {
return null;
}
return <>{children}</>

다음과 같이 예외를 처리해주면 해결된다. loaded를 다른 컴포넌트로 내려 다른 곳에서 핸들링했더니 발생한다. 꼭 같은 곳에서 걸러야 동작한다…

정확한 오류 파악은 못했지만 해결했다.

태그
expo
반응과 댓글 시스템은 Giscus에 의해 호스팅되며, 모든 대화는 GitHub에 저장됩니다.

출처가 명확하지 않은 내용을 신뢰하지 마세요. 글 작성자는 이로 인해 발생하는 책임을 지지 않습니다.

피드백 무엇이든 환영합니다 🤗

doda.devlicensegithubmade with ☕️

expo-font 폰트가 모두 로딩되지 않아도 loaded가 true가 나오는 문제 – 도다위키