Flutter的Text控件显示纯英文时高度和汉字不一致的问题

调整前：

调整后：

解决方案：

strutStyle: StrutStyle(

forceStrutHeight: true,

leading: 0.5,

解决原理：

中文和英文字体默认的leading不一样。

StrutStyle的leading属性是指字体的倍数，比如：0.5就是0.5*字体的高度,而且这个高度要分成两半，上下各分一半。

参考：

https://juejin.cn/post/7034416015442345991

全部代码：

Widget _buildChosenTags() {List<String> tags = ['全是汉字', 'all english', '汉字 english','全是汉字', 'all english', '汉字 english'];return Container(padding:EdgeInsets.all(8),child: Wrap(runSpacing: 15,spacing: 10,children: tags.map((String title) {return Container(padding: EdgeInsets.symmetric(vertical: 0, horizontal: 0),decoration: BoxDecoration(border: Border.all(color: Colors.blueAccent, width: 0.5),borderRadius: BorderRadius.all(Radius.circular(2)),),child: Text(title,//解决全英文的标签和中文标签高度不一致的问题strutStyle: StrutStyle(//forceStrutHeight: true,//leading: 0.5,),style: TextStyle(fontSize: 16, color: Colors.grey),),);}).toList(),),);

Flutter的Text控件显示纯英文时高度和汉字不一致的问题相关推荐

在MFC中使用Static text控件显示消息
1-新建一个MFC对话框xxDlg,从工具栏拖一个Static text控件到面板上,右键编辑属性,将ID改为IDC_ShowMsg 2-打开类视图,在CxxDlg上右键-->添加成员函数voi ...
Winform分页控件之纯分页显示处理
在之前介绍的Winform分页控件中,都以分页控件+显示表格控件作为一个整体性的控件,不可分开,这样做的目的是可以实现更多的操作,集成更多丰富的特性,减少我们开发的工作量,这种情况虽然适用于大多数的情 ...
Flutter 系列文章：Flutter Text 控件介绍
flutter Text 控件介绍一.使用方法构造方法设置普通的text Text("") Text(this.data, {Key key,this.style,this. ...
5.Emwin控件显示中文
Emwin模拟器控件(text.radio.multiedi.dropdown等)显示中文(移植GUI到32单片机上也可以正常显示) 我这个办法可以在pc模拟器上显示中文,同时界面做好了中文显示之后, ...
KingPager，自己做的分页控件，纯JS，支持所有语言
效果图如下: 简介: 1.JQuery分页控件,纯JS,支持任何语言 2.全部样式可通过CSS自定义(默认的就很好看) 3.非常灵活,1行代码即可实现分页调用示例: <html xmlns=& ...
matlab axes控件,PushButton控件，Axes控件，Text控件以及imshow和image函数
-- PushButton控件 -- PushButton控件是按钮的意思,它就相当于键盘上的每个键一样,按一下输入一个信号,在GUI中就是按一下执行该控件的回调函数. PushButton的属性: ...
[译][Tkinter 教程10] Text 控件
已获原作者授权. 原系列地址: Python Tkinter 简介及简例 Text 控件用来显示多行文本. Tkinter 的 Text 控件很强大, 很灵活, 可以实现很多功能. 虽然这个控件的主要 ...
C#之windows桌面软件第十二课：电脑ADC值显示（上位机），记忆上次串口号，并用TrackBar控件显示ADC值
C#之windows桌面软件第十二课:电脑ADC值显示(上位机),记忆上次串口号,并用TrackBar控件显示ADC值 using System; using System.Collections.G ...
演练GridView控件显示目录图片
本博文,将带你学习使用GridView控件显示站点目录的图片.如果你已经学会怎样做图片缩略图:怎样应用接口来实现统一的属性,方法或函数:怎样动态加载用户控件,等等.就不必往下看了.因为此篇博文就是演练 ...

Flutter的Text控件显示纯英文时高度和汉字不一致的问题

Flutter的Text控件显示纯英文时高度和汉字不一致的问题相关推荐

最新文章

热门文章