react-native禁止系统设置字体大小

柯乐童
2023-12-01

项目场景:

App标准规范之一就是要适配屏幕大小,使用户体验良好,防止UI尺寸变形给用户带来不好的体验是最高的标准。
用户字体看不清或者误修改了字体大小之后进入我们App必然会发现屏幕内某些字体大小发生异常,冲出当前轮廓的范围之外并且与"UI设计师"提供的设计文档显示相反,这并不是我们想要实现的效果。


问题描述:

1、设置系统字体大小导致UI混乱
2、用户体验极其不良好
3、与UI设计文档实现效果相反


解决方案:

import { TextInput, Text } from 'react-native';
// App.js
 render() {
    TextInput.defaultProps = Object.assign({}, TextInput.defaultProps, { allowFontScaling: false })
    Text.defaultProps = Object.assign({}, Text.defaultProps, { allowFontScaling: false })
    return (
        <NavigationContainers />
    )
  }

~好文推荐:
尺寸适配.
原创地址.

 类似资料: