如何裁剪小部件

Question

我有一个固定尺寸的孩子。但是，我希望能够动态裁剪小部件（比如水平裁剪 50%，也就是只显示左半部分）。有没有没有外部库的简单方法？

我只能想到使用隐藏溢出的堆栈...

Answer 1

我们可以使用ClipRect：

<块引用>

使用矩形剪辑其子项的小部件。 默认情况下，ClipRect 会阻止其子项在其边界外绘画，但可以使用自定义剪辑器自定义剪辑 rect 的大小和位置。

以下示例将 Image 水平裁剪一半：

ClipRect(
  child: Align(
    alignment: Alignment.topCenter,
    widthFactor: 0.5,
    child: Image.network(userAvatarUrl),
  ),
)