react-native 全局屏蔽系统大字体

作者: 我是滕先生 | 来源:发表于2018-03-05 14:41 被阅读101次

    安卓方法参考:安卓字体适配

    iOS 使用Text 的一个属性 allowFontScaling={false}

    但需要每个Text都要写一个这个属性,很麻烦,在不做封装的情况下可以使用下面方法做全局设置:

    在项目写global变量的地方加入:
    import { Text, TextInput } from 'react-native'
    Text.defaultProps.allowFontScaling=false; TextInput.defaultProps.allowFontScaling=false;

    上面修改了全局的Text 、TextInput的allowFontScaling默认值,如果项目使用了react-navigation,还需要修改 headerTitleAllowFontScaling = false参考API
    如果引入了react-native-flux-router ,在Tab 节点,加入allowFontScaling={false} 属性,屏蔽掉导航栏和TabBar上的字体变大
    <Tabs key="root" allowFontScaling={false} ......>

    我的博客即将搬运同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=2y1txj0ickcg0

    相关文章

      网友评论

      • 鹏雨燕:现在正确写法是:
        TextInput.defaultProps = Object.assign({}, TextInput.defaultProps, {defaultProps: false});
        Text.defaultProps = Object.assign({}, Text.defaultProps, {allowFontScaling: false});
      • 鹏雨燕:Text.defaultProps.allowFontScaling=false; 报错,找不到这个属性

      本文标题:react-native 全局屏蔽系统大字体

      本文链接:https://www.haomeiwen.com/subject/qdthfftx.html