美文网首页flutter入门教程-从零开始
flutter入门教程-从零开始-3 Text的基础使用

flutter入门教程-从零开始-3 Text的基础使用

作者: cosfun | 来源:发表于2018-12-29 16:04 被阅读0次

代码使用上一节,在这里可以看到

Text的基础使用

Text构造函数

const Text(this.data, {
    Key key,
    this.style,
    this.textAlign,
    this.textDirection,
    this.locale,
    this.softWrap,
    this.overflow,
    this.textScaleFactor,
    this.maxLines,
    this.semanticsLabel,
  }) 

考虑到篇幅不要太长,会挑一些重点、常用的进行介绍
上一节在屏幕中间显示了一个白色的Hello world

Text("hello world",
            textDirection: TextDirection.ltr
        )
1.内容

Text的第一个参数,控制了显示的内容

2.方向 textDirection
textDirection: TextDirection.ltr

决定了文字的方向,可选的值有下面两种

enum TextDirection {
  /// 从右向左 right to left
  rtl,

  /// 从左向右 left to right
  ltr,
}

从构造函数中可以看出,textDirection是一个可选参数,当不设置textDirection的时候,文本的方向会使用周围的Directionality,当没有任何方向时,程序运行会报错。

扩展阅读 Directionality

3.style
child: Text("hello world",
            textDirection: TextDirection.ltr,
            style:TextStyle(fontWeight: FontWeight.bold)
        )

设置文本的样式,fontWeight: FontWeight.bold表示字体加粗,还可以通过style设置字体大小,波浪线之类的。

4.maxLines

文本的最大行数

5.softWrap

是否自动换行

相关文章

网友评论

    本文标题:flutter入门教程-从零开始-3 Text的基础使用

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