代码使用上一节,在这里可以看到
Text的基础使用
Text构造函数
const Text(this.data, {
Key key,
this.style,
this.textAlign,
this.textDirection,
this.locale,
this.softWrap,
this.overflow,
this.textScaleFactor,
this.maxLines,
this.semanticsLabel,
})
考虑到篇幅不要太长,会挑一些重点、常用的进行介绍
上一节在屏幕中间显示了一个白色的Hello world
Text("hello world",
textDirection: TextDirection.ltr
)
1.内容
Text的第一个参数,控制了显示的内容
2.方向 textDirection
textDirection: TextDirection.ltr
决定了文字的方向,可选的值有下面两种
enum TextDirection {
/// 从右向左 right to left
rtl,
/// 从左向右 left to right
ltr,
}
从构造函数中可以看出,textDirection是一个可选参数,当不设置textDirection的时候,文本的方向会使用周围的Directionality,当没有任何方向时,程序运行会报错。
扩展阅读 Directionality
3.style
child: Text("hello world",
textDirection: TextDirection.ltr,
style:TextStyle(fontWeight: FontWeight.bold)
)
设置文本的样式,fontWeight: FontWeight.bold表示字体加粗,还可以通过style设置字体大小,波浪线之类的。
4.maxLines
文本的最大行数
5.softWrap
是否自动换行