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