Flutter基础Widget---Text、RichText

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 一个手势识别器,它将接收到达此文本范围的事件。 可选

你可能感兴趣的:(Flutter基础Widget---Text、RichText)