列中的颤动 z 索引

Question

我想在图像中的红色圆圈中制作阴影。

我的代码：

  @override
  Widget build(BuildContext context) {
    print('Listing Card Unit Build');
    return Card(
      elevation: 5,
      margin: EdgeInsets.all(10),
      child: Column(
        mainAxisSize: MainAxisSize.min,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          _buildUpperSpace(),
          _buildImageSpace(),
          _buildTextSpace(),
          _buildProductSpace(),
          _buildButtonSpace()
        ],
      )
    );
  }

在代码中，我想在 _buildUpperSpace() 和 _buildImageSpace() 之间以及 _buildImageSpace() 和 _buildImageSpace() 下面的所有内容之间添加阴影。

因此，_buildUpperSpace() 必须位于 _buildImageSpace() 上，并且 _buildImageSpace() 下面的所有内容都必须位于 _buildImageSpace() 上。

谢谢。

Answer 1

您可以尝试将 _buildImageSpace() 包装在 Card 或 Material 小部件中。两者都具有高程属性。这就是您正在寻找的。

Answer 2

好的，这个问题在 elevated_flex 包中解决了

ElevatedColumn(
  children: [
    SimpleChild(),
    Elevated(child: SimpleChild(shadow: true)),
    SimpleChild(),
  ],
)