flutter - 如何在RichText中使用

Question

我正在尝试在RichText中显示新旧价格。

if(regularPrice >= discountPrice){
    TextSpan(
            text: ' $regularPrice',
            style: TextStyle(
                decoration: TextDecoration.lineThrough,
                decorationThickness: 2.85,
            fontSize: 15,
            ontWeight: FontWeight.bold),
        ),
    TextSpan(
            text: ' $discountPrice',
            style: TextStyle(
            fontSize: 15,
            ontWeight: FontWeight.bold),
        ),
}else{
    TextSpan(
            text: ' $regularPrice',
            style: TextStyle(
            fontSize: 15,
            ontWeight: FontWeight.bold),
        ),
}

我可以在RichText中使用此逻辑吗？

Answer 1

您可以使用spread operator:

class RichTextDiscountedPrice extends StatelessWidget {
  static const regularPrice = 100;
  static const discountedPriced = 95;

  @override
  Widget build(BuildContext context) {
    final regularPriceTextSpan = TextSpan(text: ' $discountedPriced', style: TextStyle(fontWeight: FontWeight.bold));

    final discountedTextSpanList = [
      TextSpan(text: '$regularPrice', style: TextStyle(decoration: TextDecoration.lineThrough)),
      regularPriceTextSpan
    ];

    return Center(
      child: RichText(
        text: TextSpan(
          text: "Price ",
          style: DefaultTextStyle.of(context).style,
          children: <TextSpan>[
            if (regularPrice > discountedPriced) ...discountedTextSpanList else ...<TextSpan>[regularPriceTextSpan],
          ],
        ),
      ),
    );
  }
}

注意:我对样式进行了一些编辑，以减少示例的行数。