Search code examples
flutterflutterflow

How to extend container to cover entire/full screen in Flutterflow


I am trying to cover entire screen with a container (since I want to have a background image)

But there is an empty border at top for app flow and bottom for nav flow.

I've done the following.

  1. Turned off App Flow
  2. Turned off Nav Flow
  3. Made the container have infinite height & width

Flutterflow mockup background image


Solution

  • I figured it out, heres how you do it.

    Select the page, and inside the properties, turn of Safe Area. And thats it.

    Flutterflow pafe properties Safe Area

    And this is how it looks now.

    Flutter full screen container image