美文网首页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