flutter layoutbuilder pading 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 layout builder

var container = new Container(
  // Toggling width from 100 to 300 will change what is rendered
  // in the child container
  width: 100.0,
  // width: 300.0
  child: new LayoutBuilder(
    builder: (BuildContext context, BoxConstraints constraints) {
      if(constraints.maxWidth > 200.0) {
        return new Text('BIG');
      } else {
        return new Text('SMALL');
      }
    }
  ),
);

Tags:

Dart Example