在Flutter中使用TextStyle()类,我怎样才能突破旧的价格?
TextStyle()
tzxcd3kk1#
要将删除线修饰直接应用于Text构件:
Text
Text('\$8.99', style: TextStyle(decoration: TextDecoration.lineThrough))
您还可以使用RichText小部件或Text.rich()构造函数来设置段落的各个跨度的样式。基于此示例代码,要显示折扣价格:
RichText
Text.rich()
RichText()
new RichText( text: new TextSpan( text: 'This item costs ', children: <TextSpan>[ new TextSpan( text: '\$8.99', style: new TextStyle( color: Colors.grey, decoration: TextDecoration.lineThrough, ), ), new TextSpan( text: ' \$3.99', ), ], ), )
Text.rich(TextSpan( text: 'This item costs ', children: <TextSpan>[ new TextSpan( text: '\$8.99', style: new TextStyle( color: Colors.grey, decoration: TextDecoration.lineThrough, ), ), new TextSpan( text: ' \$3.99', ), ], ), )
a8jjtwal2#
style: TextStyle(decoration: TextDecoration.lineThrough),
bxgwgixi3#
我用这个
Column( children: [ Text( "sample text" ), Divider(color: Colors.red,) ], ),
3条答案
按热度按时间tzxcd3kk1#
要将删除线修饰直接应用于
Text
构件:您还可以使用
RichText
小部件或Text.rich()
构造函数来设置段落的各个跨度的样式。基于此示例代码,要显示折扣价格:
RichText()
一米四分一秒
a8jjtwal2#
bxgwgixi3#
我用这个