web-dev-qa-db-fra.com

Comment puis-je faire une ligne à travers du texte dans Flutter?

En utilisant la classe TextStyle() dans Flutter, comment puis-je supprimer un ancien prix?

dartflutter
10
Osama Gamal

Pour appliquer une décoration barrée à un widget Text directement:

Text('$8.99', style: TextStyle(decoration: TextDecoration.lineThrough))

Vous pouvez également styliser des sections distinctes d'un paragraphe à l'aide du widget RichText .

Basé sur cet exemple de code , pour afficher un prix réduit:

new RichText(
  text: new TextSpan(
    text: 'This item costs ',
    children: <TextSpan>[
      new TextSpan(
        text: '$8.99',
        style: new TextStyle(
          color: Colors.gray,
          decoration: TextDecoration.lineThrough,
        ),
      ),
      new TextSpan(
        text: ' $3.99',
      ),
    ],
  ),
)
20
Chance Snow
          style: TextStyle(decoration: TextDecoration.lineThrough),
25
Tree