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

最新推荐文章于 2024-04-17 07:28:45 发布
最新推荐文章于 2024-04-17 07:28:45 发布
阅读量6k 收藏
点赞数 1
分类专栏： flutter ios开发 文章标签： flutter 字体设置 iOS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/studying_ios/article/details/106199143
版权

我们知道，在原生iOS开发中，一旦文字设置了font之后，是不会随着系统设置中的字体大小的改变而发生改变的。可是，在flutter开发中，我们使用的Text widget却会随着改变，这就会导致布局错乱，使得整个页面异常难看。

首先，如果是针对单独的Text widget，系统提供了textScaleFactor属性，用于设置文字的缩放倍率

Text(
   '(model.reason)',
   textScaleFactor: 1.0,
   maxLines: 1,
   overflow: TextOverflow.ellipsis,
   style: TextStyle
最低0.47元/天 解锁文章
知更鸟Coollee
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Flutter开发 - 字体的显示不随系统字体的大小而改变
CodingFire的博客
11-20 2128
今天偶然发现在iOS设备上，当设置了紫铜的字体大小很大后，在app中字体变化很大，会导致flutter中文字的换行。虽然算不上bug，但是对app美观性是一种影响。为了不让app字体根据系统字体大小而变化，特地找了下处理的方法： 1.对单个Text设置不跟随系统文字 Text( //倍数可以自己设置，1就是不变 textScaleFactor: 1.0, 'xxxxxxxx', style: TextStyle(fontSize: 14, color: Color(0
flutter取消动态字体大小
SimpleCoder's Blog
03-13 4193
如果接触过原生开发的朋友可能知道 最初几年官方推荐使用 sp 作为字体大小的单位，但是事实上经过长时间实践的情况下，大家都开始逐渐使用 dp 作为单位 这样使用者调整系统字体大小，app 中的文字大小就不会收到影响，出现错误等情况 flutter 中修改 iOS 中叫动态字体大小,对应辅助功能中的字体大小 android 中叫字体大小 当你开发完成，又遇到用户修改系统字体大小导致某些地方错位，...
Flutter 入门与实战（四）：设置 App 的主色调与字体(1)
最新发布
2401_84149785的博客
04-17 903
), ), fontFamily: ‘Georgia’, ), home: AppHomePage(), ); } }通过 MateriaApp 的 theme 属性，构建 ThemeData 来配置全局主题。其中ThemeData常用的属性如下所示：​在应用中可以通过 Theme.of(context)获取当前主体，再获取对应的属性来继承主题的色调或字体。如下面的代码的 Text 的样式就继承了主体的bodyText1的字体特性。@override Widget build(BuildContext co
Flutter webview字体被放大
xizhao88的专栏
11-18 2045
如果使用webview_flutter字体被放大了，可以添加如下两个配置 webView.getSettings().setUseWideViewPort(true); webView.getSettings().setLoadWithOverviewMode(true);
flutter text内容高度不定问题解决
whs867712232的博客
08-04 2323
遇到一个listview嵌套listview 里面的item的Text内容高度不确定， 英文，数字普遍比汉字低4.0 所以最后有两种解决办法，一种是给listview加key 一种是强制输入汉字，或者高度固定。 又遇到了获取widget的高度的问题，这里有三种方法，都很准确。 https://www.jianshu.com/p/a3834fe82847 ...
Flutter Text 行高相关
Dream It Possible
09-12 3109
Text是Flutter最常见的Widget之一。我们可以用它放置文本，或者在默认组件不满足要求的情况下，可以结合其他组件来组成如按钮这些的自定组件。虽然用法很简单，但不注意的情况下依旧会出现很多奇奇怪怪的问题。下面就总结下行高部分遇到的问题和解决方案。设置height即在设置文本的支柱高度，这个高度是文本高度和文本上下的空间（leading）之和。在不设置的情况下，会自动均匀分配leading。所以要根据设计图的情况，分析是否需要设置height，单行文本居中的话，一般都不需要设置，除非需要根据。
Flutter Text文本不随系统字体大小而改变
半身风雪
11-11 1370
我们通过在state的build函数中，builder属性设置MediaQuery的textScaleFactor固定为1.0，这样整个flutter项目中的文字的缩放率都变成了1.0，就不会再随系统改变了。
Flutter 进度条使用
01-20
7. **label**：滑动时显示的文字，只有在设置 `divisions` 属性时才会显示。 8. **activeColor**：滑块轨道活动部分的颜色，即滑块下方被选中的颜色。 9. **inactiveColor**：滑块轨道不活动部分的颜色，即未被选中...
auto_size_text：Flutter小部件，可自动调整文本大小以使其完全适合其边界
01-31
1. **动态文本适配**：当文本内容长度变化或容器大小改变时，`auto_size_text`会自动计算合适的字体大小，使得文本既能完整显示，又不会溢出容器。 2. **最小和最大字体大小限制**：开发者可以设置最小和最大字体...
flutter Toast实现消息提示框
08-25
本文详细介绍了Flutter Toast实现消息提示框的相关知识点，包括Toast的基本概念、实现机制、显示位置控制、显示时间控制、背景颜色和文本颜色、文字大小和边距等。通过本文，读者可以了解Flutter Toast的实现机制和...
flutter_inappwebview：Flutter插件，可让您添加内联Webview，使用无头Webview以及打开应用程序内浏览器窗口
01-31
Flutter InAppWebView插件 Flutter插件，可让您添加嵌入式Web视图，使用无头Web视图以及打开应用内浏览器窗口。 文章/资源 要求 Dart SDK：“> = 2.12.0-0 <3> = 1.22.0” Android： minSdkVersion 17并添加了对androidx支持（请参阅以迁移现有应用） iOS：-- --ios-language swift ，Xcode版本>= 11 适用于Android和iOS的重要说明 如果您正在运行应用程序，并且需要在runApp()之前runApp()例如，在插件初始化期间runApp()访问二进制Messenger，则需要首先显式调用WidgetsFlutterBinding.ensureInitialized() 。 一个例子： void main () { // it should be the first line in main method WidgetsFlutterBinding . ensureInitialized (); // rest of y
flutter-piggy-treeview：扑动的常见树视图
02-04
你可以改变节点的背景色、文字颜色、字体大小，甚至添加自定义的Widget作为节点内容。同时，还可以定制展开/折叠按钮的样式，如图标、颜色等。通过这些定制，可以确保树视图与应用的整体设计风格保持一致。 此外，...
【Flutter】Flutter 设置默认字体 设置自定义字体
Code Metaverse
07-15 2682
在开发 Flutter 应用时，我们经常需要设置应用的默认字体，以保证应用的视觉一致性。本文将详细介绍如何在 Flutter 中设置默认字体，以及如何使用自定义字体。
flutter 屏幕尺寸适配 字体大小适配，android面试常用算法
ww11_aa的博客
03-17 935
width: ScreenUtil().setWidth(375), height: ScreenUtil().setHeight(200), ), 适配字体: ScreenUtil().setSp(28) //传入字体大小，根据系统的“字体大小”辅助选项来进行缩放 ScreenUtil().setSp(28，false) //传入字体大小，不会根据系统的“字体大小”辅助选项来进行缩放 for example: Text( ‘My font size is 28px and will no
修改 Flutter 中字体的大小和颜色
chuyouyinghe的专栏
08-31 2084
import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( home: Sca.
Flutter: 显示/关闭系统叠加层ui
weixin_33720078的博客
06-22 1382
import 'package:flutter/services.dart'; /// 关闭 SystemChrome.setEnabledSystemUIOverlays([]); /// 显示 SystemChrome.setEnabledSystemUIOverlays(SystemUiOverlay.values); 转载于:https://www.cnblogs.com/ajanu...
webview_flutter加载HTML文本字体过小的解决
Alexander Wei的博客
08-25 2316
使用webview_flutter框架加载html代码以显示HTML文本编辑器样式的内容，发现字体太小。回调方法中加载，即可正常显示。
Flutter 控件 AppBar的一些参数设置
热门推荐
hnnd123的博客
09-17 2万+
AppBar 和 SliverAppBar 都是继承至 StatefulWidget 类，都代表 Toobar，二则的区别在于 AppBar 位置的固定的应用最上面的；而 SliverAppBar 是可以跟随内容滚动的。 leading：在标题前面显示的一个控件，在首页通常显示应用的 logo；在其他界面通常显示为返回按钮。 title： Toolbar 中主要内容，通常显示为当前界面的标题文...
flutter设置字体大小
05-09
你可以使用Text Widget的style属性来设置字体大小。例如，如果你要设置字体大小为20像素，可以这样写： ``` Text( 'Hello World', style: TextStyle(fontSize: 20), ) ``` 你也可以通过Theme来设置应用程序的...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值