Flutter-DefaultTextStyle

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容