前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >react-native 全局屏蔽系统大字体

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

作者头像
用户2141756
发布2018-05-18 10:45:03
1.7K0
发布2018-05-18 10:45:03
举报
文章被收录于专栏:滕先生的博客

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

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} ......>

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018.03.05 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档