颤动形状重叠屏幕宽度

Question

如何使形状（或任何 小部件 与 phone 屏幕的两侧重叠？

我附上了一张图片来表达我的意思。

到目前为止，这是我的代码：

Container(
                  width: 900.0,
                  height: 900.0,
                  decoration: new BoxDecoration(
                    color: Colors.orange,
                    shape: BoxShape.circle,
                  ),
                ),

And no, I it doesn't help to increse the size to say 1000, it just stays the same

Answer 1

添加一个带有适当 scale 属性的 Transform 小部件，并删除 Container 中的 height 和 width。

Transform.scale(
  scale: 1.7,
  child: Container(
    decoration: new BoxDecoration(
      color: Colors.orange,
      shape: BoxShape.circle,
    ),
  ),
)

Answer 2

我刚刚修改了答案。

Transform.scale(
      scale: 1.4,
      child: Center(
        child: Container(
          width: 900.0,
          height: 900.0,
          decoration: new BoxDecoration(
            color: Colors.orange,
            shape: BoxShape.circle,
          ),
        ),
      ),
    )

颤动形状重叠屏幕宽度

Flutter shape overlapping screen width

overlap

shapes

dart

flutter