flutter column margin code example

Example 1: flutter margins

Container (
	// Even Margin On All Sides
    margin: EdgeInsets.all(10.0),
    // Symetric Margin
    margin: EdgeInsets.symmetric(vertical: 10.0, horizontal: 5.0),
    // Different Margin For All Sides
    margin: EdgeInsets.fromLTRB(1.0, 2.0, 3.0, 4.0);
    
    child: Child
    (
    	...
    ),
)

Example 2: flutter container margin

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

Example 3: flutter vertical space between containers

Column(
  children: <Widget>[
    Widget1(),
    SizedBox(height: 10),
    Widget2(),
  ],
),

Example 4: column each child padding

Wrap(
  spacing: 20, // to apply margin in the main axis of the wrap
  runSpacing: 20, // to apply margin in the cross axis of the wrap
  children: <Widget>[
     Text('child 1'),
     Text('child 2')
  ]
)

Tags:

Cpp Example