颤振显示裁剪的小部件

Posted

技术标签:

【中文标题】颤振显示裁剪的小部件【英文标题】:Flutter displaying cropped widgets 【发布时间】:2020-04-18 06:09:41 【问题描述】:

我想在画布外绘制小部件并仅显示裁剪部分,即屏幕尺寸或我自己的尺寸,我想动态地执行此操作。 如:sample img

我可以通过使用来做到这一点

UnconstrainedBox(
      child: Align(
        alignment: Alignment.bottomCenter,
        child: Container(
          color: Colors.lightBlue,
          //width: MediaQuery.of(context).size.width,
          //height: MediaQuery.of(context).size.height ,
          width: _size.width,
          height: _size.height,
          child: FittedBox(
            alignment: Alignment.bottomCenter,
            fit: BoxFit.none,
            child: Container(
              width: _size.width,
              height: _size.height * 2,
              child: MyWidget,
            ),
          ),
        ),
      ),
    )

但使用此设置仅允许我将小部件缩放到 3 倍,因为对齐坐标沿一个轴只有 3 个位置。我希望能够将小部件缩放到 nx 并显示任何部分。请帮忙。

【问题讨论】:

【参考方案1】:

找到解决方案,使用 Alignment(x,y) 来缩放和定位小部件;)

【讨论】:

以上是关于颤振显示裁剪的小部件的主要内容,如果未能解决你的问题,请参考以下文章

在调试模式下在颤振上显示特定的小部件

如何创建自定义颤振 sdk 小部件,重建颤振和使用新的小部件

提取的小部件内的颤振滑块

如何暗示颤振小部件是可滚动的?

颤振剪辑,剪辑的小部件周围没有空间

在颤振中制作可重复使用的小部件时需要帮助