Flutter中如何使用Transform实现子Widget的边缘弯曲效果？

要实现你想要的边缘弯曲效果，直接修改Transform的transform矩阵即可，通过添加透视配合旋转来模拟曲面弯曲效果：

Transform(
  alignment: FractionalOffset.center,
  transform: Matrix4.identity()
    ..setEntry(3, 2, 0.002) // 调整透视强度，值越大弯曲效果越明显
    ..rotateX(0.3), // 绕X轴旋转，配合透视形成上下边缘向内弯曲的视觉效果
  child: ScaleWidget()
)

说明： #

• setEntry(3, 2, 0.002)：设置透视矩阵的系数，这个值控制透视强度，数值越大边缘弯曲程度越显著，可在0.001~0.005区间内按需调整。
• rotateX(0.3)：绕X轴小角度旋转，结合透视效果让Widget呈现上下边缘向内弯曲的视觉，旋转角度可在0.2~0.4区间微调。

如果需要左右边缘弯曲的效果，只需把rotateX替换为rotateY：

Transform(
  alignment: FractionalOffset.center,
  transform: Matrix4.identity()
    ..setEntry(3, 2, 0.002)
    ..rotateY(0.3),
  child: ScaleWidget()
)

内容的提问来源于stack exchange，提问作者Saman