[React Native] 디바이스 설정에 관계없이 앱의 FontSize를 고정하는 방법 | How to fix app's FontSize regardless of device settings

앱 개발을 하다보면 자주 맞닥뜨리게 되는 이슈 중 하나인,

디바이스마다 폰트 크기가 달라 특정 디바이스에서 UI가 깨져보이는 현상이 종종 발생하곤 한다.

이럴 땐 별도의 라이브러리를 사용해서 디바이스의 폰트 설정에 맞추어 size를 분기하는 방법도 있지만

리소스가 많은 프로젝트의 경우 이미 선언한 텍스트 크기를 하나하나 다시 바꾸기에는 시간도 많이 걸리고

하나의 컴포넌트라도 놓치는 순간 오히려 더 이상해보이는 결과를 초래할 것이다.

 

이에 나는 사용자의 디바이스 폰트크기 설정에 관계없이 지정한 FontSize를 랜더링해주는 방법을 선택했는데,

해결 방법은 아주 간단하다

 

Solution

index.js

...
import {Text} from 'react-native'; // add this

Text.defaultProps = Text.defaultProps || {}; // add this
Text.defaultProps.allowFontScaling = false; // add this

AppRegistry.registerComponent(appName, () => App);

 

위 코드를 삽입후 앱을 다시 빌드하면 된다.