前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Flutter基础widgets教程-Text篇

Flutter基础widgets教程-Text篇

原创
作者头像
青年码农
发布2020-10-10 17:20:17
3730
发布2020-10-10 17:20:17
举报
文章被收录于专栏:青年码农青年码农

1 Text

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

2 构造函数

代码语言:javascript
复制
Text({
    Key key,
    this.style
    this.textAlign,
    this.textDirection,
    this.softWrap,
    this.overflow,
    this.textScaleFactor,
    this.maxLines,
})

3 常用属性

3.1 textAlign:对齐方式

3.1.1 顶部对齐

代码语言:javascript
复制
textAlign:TextAlign.start,

3.1.2 底部对齐

代码语言:javascript
复制
textAlign:TextAlign.end,

3.1.3 居中对齐

代码语言:javascript
复制
textAlign: TextAlign.center,

3.1.4 左对齐

代码语言:javascript
复制
textAlign:TextAlign.left,

3.1.5 右对齐

代码语言:javascript
复制
textAlign:TextAlign.right,

3.1.6 两端贴边对齐

代码语言:javascript
复制
textAlign:TextAlign.justify,

3.2 textDirection:排列顺序

3.4.1 从左往右开始排列

代码语言:javascript
复制
textDirection: TextDirection.ltr,

3.4.2 从右往左开始排列

代码语言:javascript
复制
textDirection: TextDirection.rtl,

3.3 softWrap:是否自动换行

代码语言:javascript
复制
softWrap:false,

3.4 overflow:截取部分展示

3.4.1 直接截取

代码语言:javascript
复制
overflow: TextOverflow.clip,

3.4.2 渐隐

代码语言:javascript
复制
overflow: TextOverflow.fade,

3.4.3 省略号

代码语言:javascript
复制
overflow: TextOverflow.ellipsis,

3.5 textScaleFactor:字体缩放

代码语言:javascript
复制
textScaleFactor: 2.0,

3.6 maxLines:显示到最大行数

代码语言:javascript
复制
maxLines: 2,

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

代码语言:javascript
复制
semanticsLabel: '语义标签',

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1 Text
  • 2 构造函数
  • 3 常用属性
    • 3.1 textAlign:对齐方式
      • 3.2 textDirection:排列顺序
        • 3.3 softWrap:是否自动换行
          • 3.4 overflow:截取部分展示
            • 3.5 textScaleFactor:字体缩放
              • 3.6 maxLines:显示到最大行数
                • 3.7 semanticsLabel:该文本的另一种语义标签
                领券
                问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档