颤振溢出：隐藏的模拟

Question

是否有任何颤动小部件可以阻止儿童以任何方式在容器外部绘画？

我有一个带孩子的容器，该孩子可能会进行一些转换（例如缩放和旋转），因此可以在外部绘制

我想将孩子的绘画限制在父容器内，就像具有CSS overflow:hidden;的div一样。

示例：

return Container( // the one with overflow hidden -ish behavior
   height: 300.0,
   child: TheTransformingChild() // the one that can get bigger that container
)

Answer 1

有-您正在寻找的是OverflowBox或SizedOverflowBox和ClipRect或ClipOval，ClipPath或ClipRRect等的组合。

我建议您仔细阅读flutter小部件目录的painting和layout部分（以及其余部分），因为它通常可以很好地展示所需的小部件

Answer 2

一种简单的方法是使用Wrap组件（下面是您的示例）。

return Container( // the one with overflow hidden -ish behavior
  height: 300.0,
  child: Wrap(
    children: [
      TheTransformingChild()
    ],
  )
)

在大多数情况下，它还会替换Column组件：

使用列

使用包装纸