如何在Flutter中翻阅文本？

Question

在Flutter中使用TextStyle()课程，如何通过旧价格获得？

Answer 1

          style: TextStyle(decoration: TextDecoration.lineThrough),

Answer 2

您可以使用RichText widget。

为段落的单独跨度设置样式

基于this example code，以显示折扣价：

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',
      ),
    ],
  ),
)

Answer 3

如果你想线条颜色不同，你可以使用它

    Container(
        padding: EdgeInsets.all(20.0),
        child: Stack(
          children: <Widget>[
            Text(
              "Lorem Ipsum",
              style: TextStyle(
                fontSize: 20,
              ),
            ),
            Container(
              child: Text(
                "Lorem Ipsum",
                style: TextStyle(
                  color: Colors.transparent,
                  decorationColor: Colors.red,
                  decorationStyle: TextDecorationStyle.solid,
                  decoration:
                  TextDecoration.lineThrough,
                  fontSize: 20,
                ),
              ),
            )
          ],
        ))

Answer 4

我用这个

Column(
    children: [
      Text(
        "sample text"
      ),
      Divider(color: Colors.red,)
    ],
  ),