如何在Flutter for mobile上创建可变形的网格UI？

Question

下面的此用户界面的名称是什么？

如何在Flutter中创建一个？

这些是所需的特征：

• 网格的可伸缩性必须具有最大值和最小值。
• 缩小缩放功能。
• 元素或矢量属性应该能够对齐到网格。

是否有可以使用此功能的库？

谢谢您的帮助！

Answer 1

使用transformable上的pub.dev包。请参见Github example folder中的示例lib.dart文件。

来自pud.dev页面的代码段：

LayoutBuilder(
  builder: (context, constraints) => Transformable(
    child: Grid(),
    viewerSize: viewerSize,
    controller: TransformController(
      config: TransformConfig(
        initialTransform: Transformation(offset: startOffset),
        initialSize: childStartSize,
        innerBoundRect: innerRect,
        outerBoundRect: outerRect,
      ),
    ),
  );