美文网首页Flutter
FlutterのText文本-入门学习

FlutterのText文本-入门学习

作者: SteamPY | 来源:发表于2021-05-03 16:04 被阅读0次

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)

持续更新...

相关文章

网友评论

    本文标题:FlutterのText文本-入门学习

    本文链接:https://www.haomeiwen.com/subject/vbbfdltx.html