React Native | 한 줄 팁 | Android에서 폰트 확대를 막는 방법

 

# React Native에서 Android 기기에서 폰트 스케일링 옵션을 설정한 경우 앱에서도 폰트가 확대되어 제대로 표시가 되지 않고 잘리는 경우가 있습니다. 이 문제는 아래의 옵션으로 해결할 수 있습니다.

<Text
  allowFontScaling={false} // 이 옵션이 기본 true이므로 false로 변경합니다
  >
  {children}
</Text>
    
// 기본적으로 모든 텍스트 컴포넌트에 적용하려고 할 경우
// index.js 등에서 아래와 같이 추가해 주시면 됩니다
    
Text.defaultProps = Text.defaultProps || {};
Text.defaultProps.allowFontScaling = false;

 

 

 

---