找到设计这个的最佳方法？

Question

是否可以使容器的一侧变小而另一侧变大，如图所示，在 flutter 中。如果是，如何？

编辑：我接受了对这种情况有帮助的答案。

Answer 1

请参考这个link

flutter_custom_clippers: ^2.0.0

ClipPath(
            clipper: RoundedDiagonalPathClipper(),
            child: Container(
              height: 320,
              decoration: BoxDecoration(
                borderRadius: BorderRadius.all(Radius.circular(50.0)),
                color: Colors.orange,
              ),
              child: Center(child: Text("RoundedDiagonalPathClipper()")),
            ),
          ),

Answer 2

一种更简单的方法是在 Container() 上使用 Transform；这里唯一的限制是阻止 Container 的 children 也被扭曲。您可以使用转换 class 作为起点，如下所示：

Transform(
  alignment: FractionalOffset.center,
  transform: Matrix4.identity()
  ..setEntry(3, 2, 0.01)
  ..rotateY(-(5 / (180 / math.pi))),
  child: ItemContainerWidget(),
)

那会给你这样的东西 -

找到设计这个的最佳方法？

finding the best way to design this?

flutter

flutter-layout

flutter-web

flutter-animation

flutter-test