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

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

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

是否自动换行

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容