我如何创建位于每周交易部分内的这些特定小部件？

Question

如何创建如图所示的框阴影、查看更多选项和 15% 折扣标签？

Answer 1

您可以有一个单独的 Row 和一个 container。容器可以有一个 Text 子项来创建 15% 折扣标签。

Widget build(BuildContext context) {
    return Padding(
      padding: EdgeInsets.symmetric(vertical: 16.0),
      child: Material(
        elevation: 5.0,
        color: color,
        borderRadius: BorderRadius.circular(30.0),
        child: MaterialButton(
          onPressed: onPressed, //may not be needed if the aim is to show % discount only
          minWidth: 200.0,
          height: 42.0,
          child: Text(
            "15% off",
          ),

ElevatedButton可用于查看更多

你能为你所说的 Box Shadow 发送快照吗？