Flutter开发 - 字体的显示不随系统字体的大小而改变

CodingFire

已于 2022-07-07 21:11:13 修改

阅读量2.5k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Flutter实用开发技巧合集文章标签： flutter 字体字体跟随系统变化跟随系统变化

于 2020-11-20 20:44:41 首次发布

本文链接：https://blog.youkuaiyun.com/CodingFire/article/details/109864003

Flutter实用开发技巧合集专栏收录该内容

34 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

在iOS设备上，当系统字体增大时，Flutter应用中的文字也会相应变大，可能影响布局美观。本文介绍了两种解决方案：1. 对单个Text组件禁用跟随系统字体变化；2. 全局设置app字体不变，以保持应用界面的一致性。

今天偶然发现在iOS设备上，当设置了系统的字体很大后，在app中字体变化很大，会导致flutter中文字的换行。虽然算不上bug，但是对app美观性是一种影响。为了不让app字体根据系统字体大小而变化，特地找了下处理的方法：
1.对单个Text设置不跟随系统文字

Text(
     //倍数可以自己设置，1就是不变
     textScaleFactor: 1.0,
     'xxxxxxxx',
     style: TextStyle(fontSize

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

CodingFire

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

订阅专栏

【Flutter】Flutter 中的字体管理如何自定义字体如何使用字体

Code Metaverse

10-29

1118

很高兴和大家一起探讨 Flutter 项目中的资源管理，特别是字体管理这一块。字体可能看似微不足道，但在实际的应用开发中，它却能极大地影响用户体验。

Flutter屏幕和字体适配（ScreenUtil）

最新发布

qq_59625204的博客

08-12

785

是一个 Flutter 插件，专门用于处理屏幕适配问题。它简化了不同设备间尺寸差异的处理，确保你的应用在各种屏幕上都能保持良好的显示效果。开发者可以通过简单的调用来设置基于设计图尺寸的控件宽高和字体大小。

参与评论您还未登录，请先登录后发表或查看评论

flutter 屏幕尺寸适配和字体大小适配的实现

01-05

前言: 现在的手机品牌和型号越来越多，导致我们平时写布局的时候会在个不同的移动设备上显示的效果不同，比如我们的设计稿一个View的大小是300px，如果直接写300px，可能在当前设备显示正常，但到了其他设备可能就会偏小或者偏大，这就需要我们对屏幕进行适配。安卓原生的话有自己的适配规则，可以根据不同的尺寸建立不同的文件夹，系统会根据当前的设备尺寸取对应的大小的布局。而flutter本身并没有适配规则，而原生的又比较繁琐，这就需要我们自己去对屏幕进行适配。点击直达github地址如果有帮助，请给我个star flutter_ScreenUtil flutter 屏幕适配方案 gi

flutter字体不跟随系统_Flutter设置文字大小不随系统设置而改变

weixin_35421203的博客

02-06

2284

我们知道，在原生iOS开发中，一旦文字设置了font之后，是不会随着系统设置中的字体大小的改变而发生改变的。可是，在flutter开发中，我们使用的Text widget却会随着改变，这就会导致布局错乱，使得整个页面异常难看。首先，如果是针对单独的Text widget，系统提供了textScaleFactor属性，用于设置文字的缩放倍率Text('(model.reason)',textScal...

flutter 文本不随系统设置而改变大小[最全的整理]

半身风雪

11-28

2832

在flutter 越来越来的平台适配中，最常见的一直场景就是，修改了设备的字体大小或者样式，从而导致整个APP 的适配变形等情况的出现，对于这种问题的解决方案，当然就是限制字体了，但是如果一概而论的话，又不太适合，毕竟产品可不管你方不方便的，这里我整理了绝大部分的场景使用方案创建一个自定义的小部件，该小部件在内部处理文本比例因子的调整。@override@override),),),@overridetext,fontSize: 16.0, // 设置一个基础的字体大小),

【flutter】flutter如何让app内字体大小不随着系统改变而改变

搬砖小鱼，请多指教呦

07-28

3892

如果我们不特意设置，flutter开发的app他的字体大小是会跟着系统设置的字体大小而改变，这样就会导致页面出现布局错乱问题，那么如何解决这个问题呢？我也搜索了相关资料，有两个常用也是网络上搜集到比较多的方法，还有一个是我自己使用的比较简单粗暴但是我认为方便快捷的方法。因为在发现这个问题的时候，代码已经比较庞大并且多处使用Text，挨个替换肯定是不合理的，因此我直接修改了Text的源代码，设置textScaleFactor默认值为1.0。

Flutter如何设置文字大小不随系统设置而改变？

知更鸟CoolLee的博客

05-18

6458

flutter-piggy-treeview：扑动的常见树视图

02-04

你可以改变节点的背景色、文字颜色、字体大小，甚至添加自定义的Widget作为节点内容。同时，还可以定制展开/折叠按钮的样式，如图标、颜色等。通过这些定制，可以确保树视图与应用的整体设计风格保持一致。此外，...

flutter 全局设置字体不随系统设置变化

weixin_43978501的博客

01-08

1798

公司开发，app使用时，系统设置字体样式，app内跟着变化，样式变乱的解决方法。来啰来啰！话不多说，上代码 Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, home: Container(color: Colors.white), builder: (context, widget) { return Medi

flutter字体不跟随系统_flutter 屏幕尺寸适配和字体大小适配的实现

weixin_39747721的博客

12-21

652

前言:现在的手机品牌和型号越来越多，导致我们平时写布局的时候会在个不同的移动设备上显示的效果不同，比如我们的设计稿一个View的大小是300px，如果直接写300px，可能在当前设备显示正常，但到了其他设备可能就会偏小或者偏大，这就需要我们对屏幕进行适配。安卓原生的话有自己的适配规则，可以根据不同的尺寸建立不同的文件夹，系统会根据当前的设备尺寸取对应的大小的布局。而flutter本身并没有适配规则...

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

jingyi__的博客

02-29

1731

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

flutter字体不跟随系统_Flutter小技巧总结之flutter 适配宽高，字体

weixin_39608680的博客

02-06

355

//导入import 'package:flutter_screenutil/flutter_screenutil.dart';...@overrideWidget build(BuildContext context) {//设置适配尺寸 (填入设计稿中设备的屏幕尺寸) 假如设计稿是按iPhone6的尺寸设计的(iPhone6 750*1334)ScreenUtil.instance = Scr...

flutter 屏蔽字体大小随系统文字大小问题

smileKH的博客

12-26

1366

flutter，textScaleFactor

Flutter Text文本不随系统字体大小而改变

半身风雪

11-11

1556

我们通过在state的build函数中，builder属性设置MediaQuery的textScaleFactor固定为1.0，这样整个flutter项目中的文字的缩放率都变成了1.0，就不会再随系统改变了。

Flutter监听安卓系统字体变化,监听安卓系统深色模式切换

天渺(喵)工作室

01-27

920

Flutter监听安卓系统字体变化；安卓系统深色模式切换Flutter通过强大的MediaQuery控件做到监听前设备的信息及其设备信息的动态变化。

flutter字体不跟随系统_flutter 禁止字体大小跟随系统字体改变大小

weixin_39683021的博客

12-21

1048

最近遇到个问题刚开始是根据设计图写的字体大小但是到我手机上都是非常小的文字后来找到问题是因为我的手机系统字体比较小习惯了我的Android Studio字体也是比较小的微信图片_20190618163743.png我当时使用的方法有这几个1.flutter_screenutil 我使用的是这个适配屏幕的包image.png这个的使用方法是在设置设计图宽高的时候设置allowF...

flutter 真机iOS字体偏小

u010194271的博客

01-05

886

Flutter ios 字体偏小