Using the TextStyle()
class in Flutter, how can I strike through an old price?
var readLines = ['Test1', 'Test2', 'Test3']; String getNewLineString() { StringBuffer sb = new StringBuffer(); for (String line in readLines) { sb. write(line + "\n"); } return sb. toString(); } child: Container( child: Text( getNewLineString(), maxLines: 20, style: TextStyle( fontSize: 16.0, fontWeight: FontWeight.
To apply strikethrough decoration to a Text
widget directly:
Text('\$8.99', style: TextStyle(decoration: TextDecoration.lineThrough))
You can also style separate spans of a paragraph by using the RichText
widget, or the Text.rich()
constructor.
Based on this example code, to show a discounted price:
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()
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', ), ], ), )
style: TextStyle(decoration: TextDecoration.lineThrough),
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With