Flutter-DefaultTextStyle

作者: 哎呀啊噢 | 来源:发表于2019-07-27 17:21 被阅读7次

DefaultTextStyle:

介绍:
用于文本显示样式的一个控件,提供了textAlign,softWrap,style和maxLines等属性,豆薯整体控制,相对于style提供的都是自身样式相关的.

继承关系:

Object > Diagnosticable > DiagnosticableTree > Widget > ProxyWidget > InheritedWidget > DefaultTextStyle

构造函数:

DefaultTextStyle({Key key, @required TextStyle style, TextAlign textAlign, bool softWrap: true, TextOverflow overflow: TextOverflow.clip, int maxLines, TextWidthBasis textWidthBasis: TextWidthBasis.parent, @required Widget child })

常用属性:

    maxLines → int 最大行数
    overflow → TextOverflow 超出文本显示样式:clip、ellipsis(省略号代替)、fade
    softWrap → bool 是否自动换行
    style → TextStyle 设置文本默认样式
    textAlign → TextAlign 对齐样式
    textWidthBasis → TextWidthBasis

代码示例:

  @override
  Widget build(BuildContext context) {
    return Container(
        padding: EdgeInsets.fromLTRB(0.0, 50.0, 0.0, 0.0),
        color: Colors.white,
        child: Directionality(
            textDirection: TextDirection.rtl, // TextDirection.ltr
            child: DefaultTextStyle(
                style: TextStyle(
                    fontSize: 14.0,
                    color: Colors.red,
                    decoration: TextDecoration.underline),
                child: Text(
                  '演示Directionality演示Directionality演示Directionality演示Directionality演示Directionality',
                  style: TextStyle(fontSize: 12.0,inherit: false,color: Colors.blue),
                ),
            maxLines: 2,
            softWrap: true,
            )));
  }

备注:inherit属性,设置成false,表明不继承父类的默认样式,而是使用自己的默认样式;

效果:

image.png

相关文章

  • Flutter-DefaultTextStyle

    DefaultTextStyle: 介绍:用于文本显示样式的一个控件,提供了textAlign,softWrap,...

网友评论

    本文标题:Flutter-DefaultTextStyle

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