零基础学Flutter编程-UI控件_Text

什么是Text

Text是用于展示文本内容的UI控件.常见效果如下：

基础样例

1.普通文本

效果图

代码

Text('花生皮编程')

2.设置字号

效果图

代码

Text('花生皮编程',style: TextStyle(fontSize: 25))

3.设置颜色

效果图

代码

Text('改变文字颜色',style: TextStyle(color: Color.fromRGBO(0x69, 0x50, 0xa1, 1)))

4.设置斜体

效果图

代码

Text('允许我歪一下',style: TextStyle(fontStyle: FontStyle.italic))

常用属性及方法

属性(方法)名	用途
extDirection	文本对齐方式
TextAlign.center	将文本对齐容器的中心
TextAlign.end	对齐容器后缘上的文本
TextAlign.justify	拉伸以结束的文本行以填充容器的宽度，使用了decorationStyle才有效
TextAlign.left	对齐容器左边缘的文本
TextAlign.right	对齐容器右边缘的文本
TextAlign.start	对齐容器前缘上的文本
maxLines	最大行数
overflow	处理超长情况
TextOverflow.clip	剪切超长的文本以修复其容器。
TextOverflow.ellipsis	使用省略号表示文本超长。
TextOverflow.fade	将超长的文本淡化为透明。
textScaleFactor	字号系数

工程截图

完整源代码

https://gitee.com/hspbc/flutter_demos/tree/master/text_demo

其他零基础系列

《零基础学安卓编程》
《零基础学Java编程》
《零基础学鸿蒙编程》

关于我

厦门大学计算机专业 | 前华为工程师
专注《零基础学编程系列》，包含：Java | 安卓 | 前端 | Flutter | iOS | 小程序 | 鸿蒙
全网可关注：花生皮编程