颤振溢出：隐藏的模拟

Question

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

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

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

一个样品：

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

Answer 1

我认为在容器中使用clipBehavior:属性更容易

Container(
clipBehavior: Clip.hardEdge,
height: 400,
width: 400,
child :TheTransformingChild(),)

Answer 2

一个简单的方法是使用Wrap组件（下面是你的例子）。

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

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

使用列

使用换行

Answer 3

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

我建议浏览一下flutter小部件目录中的绘画和布局部分（以及其余部分），因为它通常可以很好地展示所需的小部件。