零基础学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 | 小程序 | 鸿蒙 全网可关注：花生皮编程