flutter column alignment code example

Example 1: flutter column widget vertical center

Column(
  mainAxisAlignment: MainAxisAlignment.center,
  crossAxisAlignment: CrossAxisAlignment.center,
  children:children,
)

Example 2: flutter column

Column(
  crossAxisAlignment: CrossAxisAlignment.start,
  mainAxisSize: MainAxisSize.min,
  children: [
    Text('We move under cover and we move as one'),
    Text('Through the night, we have one shot to live another day'),
    Text('We cannot let a stray gunshot give us away'),
    Text('We will fight up close, seize the moment and stay in it'),
    Text('It’s either that or meet the business end of a bayonet'),
    Text('The code word is ‘Rochambeau,’ dig me?'),
    Text('Rochambeau!', style: DefaultTextStyle.of(context).style.apply(fontSizeFactor: 2.0)),
  ],
)

Example 3: flutter column align

Row(  crossAxisAlignment: CrossAxisAlignment.start,  verticalDirection: VerticalDirection.down,  children: [    Text(      'Flutter',      style: TextStyle(        color: Colors.yellow,        fontSize: 30.0      ),    ),    Text(      'Flutter',      style: TextStyle(          color: Colors.blue,          fontSize: 20.0      ),    ),  ],);

Example 4: flutter column widget align left

Align(
  alignment: Alignment.centerRight,
  child: Text("widget"),
)

Example 5: next row column in flutter

var phoneNumber = new Row(
  mainAxisSize: MainAxisSize.min,
  children: [
    Expanded(
      child: new Padding(
        padding: const EdgeInsets.all(20.0),
        child: countryCodePicker,
      ),
    ),
    Expanded(
      child: new Padding(
        padding: const EdgeInsets.all(20.0),
        child: mobileNumber,
      ),
    ),
  ],
);