Search code examples
flutterdartshapesoverlap

Flutter shape overlapping screen width

How can I make a shape (or any widget for that matter) overlap the sides of the phone-screen?

I've attached an image that showes what I mean.

Here's my code so far:

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

enter image description here

enter image description here

Solution

  • I just modified the answer.

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