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