flutter TextDecoration 和 TextDecorationStyle

TextDecoration

是用来在文本附近绘制线性装饰的类.

目前有4个属性
lineThrough 在每行文字中画一条线 (删除线)
none 不做任何事情
overline 在每行文本上方画一条线 (上划线)
underline 在每行文本下面画一条线(下划线)

lineThrough

none

overline

underline

代码

TextStyle _getTextStyle(BuildContext context) {return new TextStyle(color: Colors.black54,decoration: TextDecoration.overline,);}new Text('巧克力?' , style: _getTextStyle(context),)

TextDecorationStyle

这枚举style可能控制画实线，虚线，两条线，点, 波浪线

/// The style in which to draw a text decoration
enum TextDecorationStyle {///画一条直线solid,/// 画两条线double,/// 画圆点虚线dotted,/// 画破折号虚线dashed,/// 画波浪线wavy
}

solid
double
dotted
dashed
wavy

只修改函数 _getTextStyle

TextStyle _getTextStyle(BuildContext context) {return new TextStyle(color: Colors.black54,decoration: TextDecoration.overline,decorationStyle: TextDecorationStyle.solid);}

flutter TextDecoration 和 TextDecorationStyle相关推荐

text-decoration属性
一.在CSS1中,text-decoration有六个值: text-decoration:none //默认,定义标准的文本,没有任何样式,正常显示 text-decoration:underli ...
CSS代码检查工具stylelint
前面的话 CSS不能算是严格意义的编程语言,但是在前端体系中却不能小觑. CSS 是以描述为主的样式表,如果描述得混乱.没有规则,对于其他开发者一定是一个定时炸弹,特别是有强迫症的人群.CSS 看似简 ...
php css下划线,CSS文字下划线的设置方法介绍
在整体网页设计中,最容易识别的风格仍然是带有下划线的蓝色文字,这大部分都是链接到另一个网页中.链接元素默认具有样式,蓝色是默认模式下的唯一颜色.即使现在的链接元素可能不再需要加下划线,文本下的行不仅仅 ...
前端笔记(Html+CSS+JS+DOM+网页特效+jQuery+HTML5+CSS3+canvas 标签+web开发重难点+面向对象+AJAX)
第1章Html Html:超级文本标记语言(HyperText Markup Language),在浏览器上运行的一种标记语言. 就是给文本加上含有语义的标签. 接下来应该学习更多具体语义标签: 一. ...
html 请假条（恶搞）
目录代码步骤如何改后缀代码先上代码: <!DOCTYPE html> <html lang="en"> <head><meta ...
HTML5+CSS3整体回顾
转载请声明原文链接这篇文章主要总结H5的一些新增的功能以及一些基础归纳,这里只是一个提纲,并不是很详细,后面会一直完善补充新的内容,本文是一些笔记记录,放在这里供自己参考也供他人学习! 第一课 H ...
CSS3之text属性
color: 作用: 指定文本的颜色说明: 该属性在块.行内.行内块的样式表中都可以使用,改变被控制元素内部所有文本的颜色关于颜色值的四种写法: ...
读飘零雾雨版css3.0版本笔记
一.Css中的属性继承分析: 1.不具备继承特点的有 :定位.布局.弹性盒模型 .尺寸 .外补白内补白.边框.背景.多栏.2D变换.过度.动画.打印.媒体查询模块儿 2.具有继承特性的有: 颜色 c ...
Flutter开发之ListView组件（21）
欢迎点赞+关注.你的鼓励是我写作的动力! ListView是一个类似列的widget,它的内容对于其渲染框太长时会自动提供滚动. ListView 摘要: 用于组织盒子中列表的特殊Column 可以水 ...

flutter TextDecoration 和 TextDecorationStyle

TextDecoration

TextDecorationStyle

flutter TextDecoration 和 TextDecorationStyle相关推荐

最新文章

热门文章