/Dart/Flutter column main axis alignment

Flutter column main axis alignment

Column(  
        crossAxisAlignment: CrossAxisAlignment.center,
        mainAxisAlignment: MainAxisAlignment.center,
        verticalDirection: VerticalDirection.down,
        textBaseline: TextBaseline.alphabetic,
        textDirection: TextDirection.ltr,
        mainAxisSize: MainAxisSize.max,
        children: [
          Text('Column 1'),
          Text('Column 2')
        ],
      ),

Source: api.flutter.dev

Flutter row main axis alignment

Row(  
        crossAxisAlignment: CrossAxisAlignment.start,
        mainAxisAlignment: MainAxisAlignment.spaceAround,
        verticalDirection: VerticalDirection.up,
        textBaseline: TextBaseline.alphabetic,
        textDirection: TextDirection.ltr,
        mainAxisSize: MainAxisSize.max,
        children: [
          Text('Row 1'),
          Text('Row 2')
        ],
      ),

Flutter column

Column(
  children: <Widget>[
    Text('Deliver features faster'),
    Text('Craft beautiful UIs'),
    Expanded(
      child: FittedBox(
        fit: BoxFit.contain, // otherwise the logo will be tiny
        child: const FlutterLogo(),
      ),
    ),
  ],
)

Source: api.flutter.dev

Flutter column

Column(
  crossAxisAlignment: CrossAxisAlignment.start,
  mainAxisSize: MainAxisSize.min,
  children: <Widget>[
    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)),
  ],
)

Source: api.flutter.dev

Similar codes

17 votes218 views6 answers
Flutter button with icon and text
Dart
24 votes312 views5 answers
How to use hexadecimal color in flutter
Dart
16 votes236 views4 answers
Flutter checkbox
Dart
1 vote230 views1 answer
Flutter circularprogressindicator width
Dart
13 votes240 views1 answer
Flutter column vertical direction
Dart
1 vote247 views1 answer
Try using 'as prefix' for one of the import directives, or hiding the name from all but one of the imports.dartambiguous_import
Dart
0 vote239 views1 answer
Error: java.io.IOException: No such file or directory in android 11
Dart
0 vote286 views2 answers
Run dart in vscode
Dart
12 votes272 views5 answers
Dart substring
Dart
0 vote237 views1 answer
Flutter check if drawer is open
Dart