flutter add padding to column code example

Example 1: how to add padding flutter

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

Example 2: flutter how to space buttons evenly in a row

//Use mainAxisAligment: MainAxisAlignment.spaceEvenly,
//After initializing the row

new Container(
          alignment: FractionalOffset.center,
          child: new Row(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: <Widget>[
              new FlatButton(
                child: new Text('Don\'t have an account?', style: new TextStyle(color: Color(0xFF2E3233))),
              ),
              new FlatButton(
                child: new Text('Register.', style: new TextStyle(color: Color(0xFF84A2AF), fontWeight: FontWeight.bold),),
                onPressed: moveToRegister,
              )
            ],
          ),
        ),

Example 3: 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:

Misc Example