Flutter - How to setup a custom height and width of Scaffold

Question

I'm aware that MediaQuery solutions exist to problems, however, I want to limit the size of my Scaffold so that it can be used for web-based apps as well. Similar to what Instagram has, can anyone help me with it?

Answer 1

Have you tried wrapping your Scaffold in SafeArea with a minimum property of EdgeInsets.all(32.0)?

For me, this recreates your mockup on any screen

Example code:

//...
return SafeArea(

  minimum: const EdgeInsets.all(32.0),

  child: Scaffold(
    //...
  ),
);
//...