扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
在开发中,文本是我们最常接触的控件。这篇博客来分享一下 Flutter 中的 Text 文本组件,我们展示的文本都可以用这个组件来展示,希望看文章的小伙伴有所帮助。
10余年的高平网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。全网整合营销推广的优势是能够根据用户设备显示端的尺寸不同,自动调整高平建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。成都创新互联从事“高平网站设计”,“高平网站推广”以来,每个客户项目都认真落实执行。
这样我们就可以在界面当中显示一个文本,显示是 Hello Flutter 。下面我们来说说 Text 组件的属性:
设置文本颜色:
设置文本大小:
设置文本样式-加粗:
设置文本样式-斜体:
设置文本位置:
TextAlign可选属性: center 、 end 、 start 、 justify 、 left 、 right 。
设置文本高度:
设置文本最大行数:
设置文本有下划线:
设置文本有虚线类型下划线:
设置文字间隔:
文本超过最大行数设置 ... :
说明:Column中空Text会占一定空间,会影响布局效果,这空间大小跟文字设置的大小有关;建议用Container,SizedBox来替换,一般在动态控制一些view的加载会用到,不需要加载直接返回Container或SizeBox;
说明:早期版本sdk Row和Column 默认的对齐参数MainAxisAlignment和CrossAxisAlignment都为start,现在新版的sdk变化了,CrossAxisAlignment变为center,所以对于频繁使用的 Row和Column,建议写时添加对齐方式,不依赖sdk默认,避免升级sdk大面积修改,也可以直接封装Row和Column;
说明:早期版本sdk字体加粗FontWeight bold为w500,新版本sdk为w700,所以建议封装FontWeight ,有利于界面样式统一,封装如下:
说明:
说明:
说明:
int c;
print(c??=5);//如果c为null的话,把5赋值给c
b ??= value;
如果b为空,则将value赋值给b;否则,b保持不变
expr1 ?? expr2
如果expr1为非空,则返回其值;expr1为空,则计算并返回expr2的值
易错:
正确:
传送门
1、除了两个平台的系统默认字体不一样之外。
2、在设置字体字重(字体粗细)时。
ios的字体粗细和下面截图中的一一对应。
安卓的w500及以下都是正常字体,安卓的w600和w700相当于ios的w500,安卓的w800及以后都是一样粗细。
当我把PingFang字体文件,导入并使用后。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流