什么是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 | 小程序 | 鸿蒙
全网可关注:花生皮编程
网友评论