零基础学Flutter

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

2021-12-04  本文已影响0人  蓝不蓝编程

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

上一篇 下一篇

猜你喜欢

热点阅读