Flutter Layout Container Margin

Question

I have a problem with my Flutter Layout.

I have a simple container with a Margin right and left of 20.0 Inside this container i have another container.

But this container does not fit to the parent container only on the left side. I dont know why this happens.

Here is my Code:

  @override   Widget build(BuildContext context) {     return new Scaffold(       backgroundColor: Colors.white,       body: new Container(         margin: new EdgeInsets.symmetric(horizontal: 20.0),         child: new Container(          )       ),     );   } 

Screenshot of the Problem

Answer 1

You can use left and right values :)

@override Widget build(BuildContext context) {   return Scaffold(     backgroundColor: Colors.white,     body: Container(       margin: const EdgeInsets.only(left: 20.0, right: 20.0),       child: Container(),     ),   ); } 

Answer 2

You can try: To the margin of any one edge

new Container(     margin: const EdgeInsets.only(left: 20.0, right: 20.0),     child: new Container() ) 

You can try :To the margin of any all edge

new Container(     margin: const EdgeInsets.all(20.0),     child: new Container() ) 

If you need the current system padding or view insets in the context of a widget, consider using [MediaQuery.of] to obtain these values rather than using the value from [dart:ui.window], so that you get notified of changes.

new Container(     margin: EdgeInsets.fromWindowPadding(padding, devicePixelRatio),     child: new Container() )