Flutter 钻石风格的颤振化身

Flutter 钻石风格的颤振化身,flutter,Flutter,有人知道如何做到这一点吗: 具有菱形曲线形状的化身。因此,一个圆角矩形旋转45%,图像延伸到内部boxconstraint 经过一番研究,我发现我可以使用堆栈和CustomCliper实现的组合。我不确定这是不是最好的方法,但至少它是有效的 “.rotate()”来自库样式的_小部件。通过使用Transform.rotate()包装容器,也可以实现同样的效果 为实现这一目标: 为了更好的解释,我加了一张图片或一些东西,试图找到更好的方法。钻石是什么? Stack( ali

有人知道如何做到这一点吗:

具有菱形曲线形状的化身。因此,一个圆角矩形旋转45%,图像延伸到内部boxconstraint


经过一番研究,我发现我可以使用堆栈和CustomCliper实现的组合。我不确定这是不是最好的方法,但至少它是有效的

“.rotate()”来自库样式的_小部件。通过使用Transform.rotate()包装容器,也可以实现同样的效果

为实现这一目标:


为了更好的解释,我加了一张图片或一些东西,试图找到更好的方法。钻石是什么?
 Stack(
          alignment: Alignment.center,
          children: [
              ClipPath(
              clipBehavior: Clip.antiAlias,
              child: Container(
                height: 80*sqrt2,
                width: 80*sqrt2,
                child: Image.asset(
                  "images/Marianne-F.jpg",
                  fit: BoxFit.cover,
                ),
              ),
              clipper:  DiamondRounded(),
            ),
            Container(
              clipBehavior: Clip.antiAlias,
              height: 80,
              width: 80,
              decoration: BoxDecoration(
                  border: Border.all(width: 3, color: Colors.deepOrange[800]),
                  borderRadius: BorderRadius.all(Radius.circular(6))),
            ).rotate(angle: 45 * pi / 180),
          ],
        ),