Flutter基础widgets教程-Text篇

简介: Flutter基础widgets教程-Text篇

1 Text

Text组件主要用于文本布局。

2 构造函数

Text({
    Key key,
    this.style
    this.textAlign,
    this.textDirection,
    this.softWrap,
    this.overflow,
    this.textScaleFactor,
    this.maxLines,
})

复制

3 常用属性

3.1 textAlign:对齐方式

3.1.1 顶部对齐

textAlign:TextAlign.start,

复制

3.1.2 底部对齐

textAlign:TextAlign.end,

复制

3.1.3 居中对齐

textAlign: TextAlign.center,

复制

3.1.4 左对齐

textAlign:TextAlign.left,

复制

3.1.5 右对齐

textAlign:TextAlign.right,

复制

3.1.6 两端贴边对齐

textAlign:TextAlign.justify,

复制

3.2 textDirection:排列顺序

3.4.1 从左往右开始排列

textDirection: TextDirection.ltr,

复制

3.4.2 从右往左开始排列

textDirection: TextDirection.rtl,

复制

3.3 softWrap:是否自动换行

softWrap:false,

复制

3.4 overflow:截取部分展示

3.4.1 直接截取

overflow: TextOverflow.clip,

复制

3.4.2 渐隐

overflow: TextOverflow.fade,

复制

3.4.3 省略号

overflow: TextOverflow.ellipsis,

复制

3.5 textScaleFactor:字体缩放

textScaleFactor: 2.0,

复制

3.6 maxLines:显示到最大行数

maxLines: 2,

复制

3.7 semanticsLabel:该文本的另一种语义标签

semanticsLabel: '语义标签',

复制


相关文章
|
28天前
|
容器
Flutter基本组件Text使用
Flutter基本组件Text使用
40 12
|
2月前
|
开发者 Windows
Flutter笔记:Widgets Easier组件库(9)使用弹窗
Flutter笔记:Widgets Easier组件库(9)使用弹窗
74 3
|
2月前
|
数据安全/隐私保护 Android开发 开发者
Flutter笔记:Widgets Easier组件库-使用隐私守卫
Flutter笔记:Widgets Easier组件库-使用隐私守卫
33 2
|
2月前
|
UED 开发者
Flutter笔记:Widgets Easier组件库(13)- 使用底部弹窗
Flutter笔记:Widgets Easier组件库(13)- 使用底部弹窗
42 2
|
2月前
|
开发者
Flutter笔记:Widgets Easier组件库(5)使用加减器
Flutter笔记:Widgets Easier组件库(5)使用加减器
33 2
|
2月前
|
开发者 容器
Flutter笔记:Widgets Easier组件库(4)使用按钮组
Flutter笔记:Widgets Easier组件库(4)使用按钮组
28 2
|
2月前
|
开发者 容器
Flutter笔记:Widgets Easier组件库(3)使用按钮组件
Flutter笔记:Widgets Easier组件库(3)使用按钮组件
29 2
|
2月前
|
开发者
Flutter笔记:Widgets Easier组件库(11)- 使用提示吐丝(Tip Toasts)
Flutter笔记:Widgets Easier组件库(11)- 使用提示吐丝(Tip Toasts)
33 1
|
2月前
|
开发者
Flutter笔记:Widgets Easier组件库 - 使用标签(Tag)
Flutter笔记:Widgets Easier组件库 - 使用标签(Tag)
74 0
|
2月前
|
开发者
Flutter笔记:Widgets Easier组件库(12)使用消息吐丝(Notify Toasts)
Flutter笔记:Widgets Easier组件库(12)使用消息吐丝(Notify Toasts)
62 0