如何在RichText中使用if

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],
          ],
        ),
      ),
    );
  }
}

​

​

​

​

注意:我稍微编辑了一下样式，以减少示例中的行数。