1、Text
Text("海草舞",
textAlign:TextAlign.end,
textDirection:TextDirection.ltr,
textScaleFactor:2.0
)
参数名字 | 参数类型 | 意义 | 必选 or 可选 |
---|---|---|---|
data | String | 要显示的文字 | 必选 |
key | Key | Widget 的标识 | 可选 |
style | TextStyle | 文本样式 | 可选 |
strutStyle | StrutStyle | 设置每行的最小行高 | 可选 |
textAlign | TextAlign | 文本的对齐方式 | 可选 |
textDirection | TextDirection | 文字方向 | 可选 |
locale | Locale | 用于选择用户语言和格式设置首选项的标识符 | 可选 |
softWrap | bool | 是否支持软换行符如果是 false 的话,这个文本只有一行,水平方向是无限的 | 可选 |
overflow | TextOverflow | 文本的截断方式 | 可选 |
textScaleFactor | double | 代表文本相对于当前字体大小的缩放因子默认值为1.0 | 可选 |
maxLines | int | 显示的最大行数 | 可选 |
semanticsLabel | String | 给文本加上一个语义标签没有实际用处 | 可选 |
textAlign:文本的对齐方式、有六种:
TextAlign.left
:左对齐
TextAlign.right
:右对齐
TextAlign.center
:居中对齐
TextAlign.start
:从文字开始的那个方向对齐,如果文字方向从左到右,就左对齐,否则是右对齐。
TextAlign.end
:从文字开始的相反方向对齐,如果文字方向从左到右,就右对齐,否则是左对齐。
TextAlign.justify
textDirection:文字方向、有两种:
TextDirection.ltr
:文字方向从左到右
TextDirection.rtl
:文字方向从右到左
overflow:文本的截断方式有三种:
TextOverflow.ellipsis
:多余文本截断后以省略符“...”表示
TextOverflow.clip
:剪切多余文本,多余文本不显示
TextOverflow.fade
:将多余的文本设为透明
2、RichText
RichText(
text: TextSpan(children: [
TextSpan(text: "Hello", style: TextStyle(color: Colors.blue)),
TextSpan(text: "Flutter", style: TextStyle(color: Colors.red))
]),
)
RichText 要传入 TextSpan 数组,每个 TextSpan 是一个独立的文本,可以定义自己的 Style
参数名字 | 参数类型 | 意义 | 必选 or 可选 |
---|---|---|---|
text | TextSpan | 文字片段 | 必选 |
其余和Text相同
TextSpan
参数名字 | 参数类型 | 意义 | 必选 or 可选 |
---|---|---|---|
style | TextStyle | 文本样式 | 可选 |
text | String | 要显示的文字 | 可选 |
children | List< TextSpan> | 子 TextSpan | 可选 |
recognizer | GestureRecognizer | 一个手势识别器,它将接收到达此文本范围的事件。 | 可选 |