dart 如何在Flutter中创建一条贯穿文本的线?

lhcgjxsq  于 2023-03-10  发布在  Flutter
关注(0)|答案(3)|浏览(144)

在Flutter中使用TextStyle()类,我怎样才能突破旧的价格?

tzxcd3kk

tzxcd3kk1#

要将删除线修饰直接应用于Text构件:

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

您还可以使用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',
      ),
    ],
 ),
)
a8jjtwal

a8jjtwal2#

style: TextStyle(decoration: TextDecoration.lineThrough),
bxgwgixi

bxgwgixi3#

我用这个

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

相关问题