Flutter-7.文本Text组件

Flutter开发

Posted by 松下百合子 on March 28, 2019

一年前初学flutter,再次看以前知识有些生疏,当做笔记记之。

文章转载自CSDN

构造方法

官网地址

  • 两个构造方法
1
2
3
4
5
6
7
8
9
10
11
12
13
14
const Text(
String data, {
Key key,
TextStyle style,
StrutStyle strutStyle,
TextAlign textAlign,
TextDirection textDirection,
Locale locale,
bool softWrap,
TextOverflow overflow,
double textScaleFactor,
int maxLines,
String semanticsLabel
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
const Text.rich(
TextSpan textSpan, {
Key key,
TextStyle style,
StrutStyle strutStyle,
TextAlign textAlign,
TextDirection textDirection,
Locale locale,
bool softWrap,
TextOverflow overflow,
double textScaleFactor,
int maxLines,
String semanticsLabel
})

资料

  • https://blog.csdn.net/poorkick/article/details/80426578

  • https://blog.csdn.net/mengks1987/article/details/84833224

案例

1
2
3
4
5
6
7
8
new Text(
  'Flutter is a mobile app SDK .',
  style: new TextStyle(fontSize: 20.0, color: Colors.teal[500]),
  softWrap: true,
  overflow: TextOverflow.ellipsis,
  maxLines: 3,
  textAlign: TextAlign.left,
),
  • softWrap 指定是否可以换行,softWrap 为 false 时候,说明不允许换行,这个时候相当于 maxLines 为 1.
  • maxLines 指定最多显示多少行、当文字内容超过了 maxLines 指定的行数的时候,
  • overflow 用来指定超出文本的表示方式,是截断文本啊还是用三个点显示等
  • textAlign 可以用来指定文本水平对齐方式