1. 使用案例
Text 控件是用来显示一段文本的,使用方式如下:
Text(
'Flutter is a mobile app SDK .',
style: new TextStyle(fontSize: 20.0, color: Colors.teal[500]),
softWrap: true,
overflow: TextOnewverflow.ellipsis,
maxLines: 3,
textAlign: TextAlign.left,
),
上面展示了 Text 控件的主要属性:
- 'Flutter is a mobile app SDK .' 要显示的文字内容、
- style:文字的样式 style、 文字的样式 TextStyle设置文字字体类型、大小、颜色、行高、字间距 等和文本相关的选项
- softWrap :指定是否可以换行,其中当 softWrap 为 false 时候,说明不允许换行,这个时候相当于 maxLines 为 1.
- maxLines: 指定最多显示多少行、当文字内容超过了 maxLines 指定的行数的时候,
- overflow: 用来指定超出文本的表示方式,是截断文本啊还是用三个点显示等、
- textAlign: 可以用来指定文本水平对齐方式。
2. 属性
style
这个属性,通常使用一个TextStyle组件来设置字体文本样式,如下所示
Text(
...
style: new TextStyle(...),
),
1.设置字体粗细
new TextStyle(fontWeight: FontWeight.bold)
持续更新...
网友评论