美文网首页flutter
Flutter Widget => Text

Flutter Widget => Text

作者: charmingcheng | 来源:发表于2019-04-29 14:59 被阅读0次

Text

Text有以下属性值

1.style: Textstyle()

TextStyle具有以下属性值:

TextStyle.png
2.textAlign (文本对齐方式)

textAlign具有以下属性值:

TextAlign.left        左端对齐
TextAlign.right       右端对齐
TextAlign.center      居中对齐
TextAlign.justify     两端对齐
TextAlign.start       开始端对齐
TextAlign.end         结束端对齐
3.textDirection (文本方向)

textDirection具有以下属性值

TextDirection.ltr    
TextDirection.rtl
4.softWrap (是否自动换行)

softWrap具有以下属性值

true
false
5.overflow (文字超出)

overflow具有以下属性值

TextOverflow.clip(裁剪)
TextOverflow.fade(渐隐)
TextOverflow.ellipsis(省略号)
6.textScaleFactor (字体显示倍率)

例子使用的字体大小是40.0,将字体设置成20.0,然后倍率为2,依然可以实现相同的效果

child: new Text("hello world",
        overflow: TextOverflow.fade,
        textScaleFactor: 2.0,
        softWrap: false,
        style: new TextStyle(
          color: Colors.purple,
          fontSize: 20.0,
        )
    )
7.maxLines (最大行数设置)
child: new Text("hello world",
        maxLines: 2,
        overflow: TextOverflow.ellipsis,
        style: new TextStyle(
          color: Colors.purple,
          fontSize: 40.0,
        )
    )

相关文章

  • Flutter UI - text 系 Widget

    Flutter text 系 Widget 没几个: text - 属性和 android 的 textview ...

  • Flutter 基础控件 Text Widget

    Flutter 基础控件 Text Widget 1. 创建TextExample继承StatefulWidget...

  • Flutter-Text使用

    Flutter-Text使用 Text定义 在编译器里面点击Text这个Widget进入查看,可以看到Text是属...

  • Flutter Widget => Text

    Text Text有以下属性值 1.style: Textstyle() TextStyle具有以下属性值: 2....

  • Flutter 三棵树

    学习此好文章记录 Widget 控件层,在flutter中,Container、Text等组件都属于Widget,...

  • flutter学习:错误记录

    1、Flutter Text组件忘记加方向性限制 报错No Directionality widget found...

  • Flutter技术入门分享内容

    1.学习资料 Flutter中文网 widget学习 老孟Flutter2.常用组件介绍 Text Image R...

  • Flutter常用widget Text

    Text: 该widget可以创建一个带格式的文本用法eg: 默认构造方法: 也就是说,data这个值肯定是不能为...

  • Flutter Widget 之 Text

    本文主要是Flutter中Text控件的简单使用说明 说明 Text:单一样式的文本控件,类似iOS中的UILab...

  • Flutter——Text Widget篇

    前言 上一篇文章讲到了StatefulWidget和StatelessWidget,那么接下来的几篇文章就来讲讲f...

网友评论

    本文标题:Flutter Widget => Text

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