react native 텍스트 사이즈 고정하기 | 설정 무시하기

이동욱·2023년 3월 9일
1

allowFontScaling

Text(TextInput)의 Props중 allowFontScaling의 default값을 false로 설정한다 (기존 default는 true값)

  Text.defaultProps = Text.defaultProps || {};
  Text.defaultProps.allowFontScaling = false;

타입스크립트라면

interface TextWithDefaultProps extends Text {
  defaultProps?: {allowFontScaling?: boolean};
}
interface TextInputWithDefaultProps extends TextInput {
  defaultProps?: {allowFontScaling?: boolean};
}
(Text as unknown as TextWithDefaultProps).defaultProps = (Text as unknown as TextWithDefaultProps).defaultProps || {};
(Text as unknown as TextWithDefaultProps).defaultProps!.allowFontScaling = false;
(TextInput as unknown as TextInputWithDefaultProps).defaultProps = (TextInput as unknown as TextInputWithDefaultProps).defaultProps || {};
(TextInput as unknown as TextInputWithDefaultProps).defaultProps!.allowFontScaling = false;

참조
https://stackoverflow.com/questions/41807843/how-to-disable-font-scaling-in-react-native-for-ios-app/51414341#51414341

profile
프론트엔드

0개의 댓글