Flutter禁止部分文本随系统字体大小缩放

1、环境版本

        Flutter版本:3.16.9

        开发IDE:android studio 2023.1.1 Patch2

        以下代码在Android中测试通过,iOS没有试过。以后升级啥的可能会和本方案会有出入,请自行甄别。

2、全局禁止文本随系统字体大小缩放

        直接配置全局的textScaleFactor,示例:

        具体代码(省的手打)

builder: (context, widget) {
        return MediaQuery(
          //设置文字大小不随系统设置改变
          data: MediaQuery.of(context).copyWith(textScaleFactor: 1.0),
          child: widget!,
        );
      },

3、仅需要部分文字不随着系统字体大小缩放

        这个在3.16.9的版本里就简单多了,直接给Text加个属性就行,不需要再像网上搜索到的其他技术资料上写的,还要自定义Text组件,以下是示例代码:

textScaler:TextScaler.noScaling

4、总结

        版本更迭蛮快的,使用时要结合新的版本特性。

  • 22
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Flutter中,可以使用Text部件来设置文本字体大小。通过在TextStyle中设置fontSize属性,可以指定文本字体大小。例如,TextStyle(fontSize: 20)表示文本字体大小为20。 另外,Flutter还提供了AutoSizeText部件,它与Text部件非常相似,唯一的区别是它可以自动调整文本大小以适应其边界。您可以通过设置minFontSize和maxFontSize参数来限制字体大小的范围。例如,AutoSizeText('A really long String', style: TextStyle(fontSize: 30), minFontSize: 18, maxLines: 4, overflow: TextOverflow.ellipsis)表示文本字体大小范围为18到30之间,同时最多显示4行文本,并在超出边界时使用省略号进行截断。 另外,如果您在使用Text部件对中文设置字体大小后,在一个Container容器中字体不居中的问题,您可以使用strutStyle的forceStrutHeight参数来强制lineHeight与字体的高度一致,从而解决字体在容器中的居中问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [【FlutterFlutter auto_size_text 文本自适应大小](https://blog.csdn.net/diandianxiyu/article/details/132158756)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [flutter_manhuatai:使用 Flutter 开发漫花台漫画 app](https://download.csdn.net/download/weixin_42128558/19254872)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值