/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

1 vote134 views1 answer
Flutter future return error
Dart
2 votes138 views1 answer
Flutter constraints
Dart
2 votes212 views2 answers
Flutter popupmenubutton
Dart
2 votes140 views3 answers
Flutter block rotation
Dart
0 vote145 views4 answers
Add sound to my flutter app
Dart
1 vote139 views1 answer
Array 2d dart
Dart
2 votes141 views1 answer
Flutter tooltip margin
Dart
1 vote132 views2 answers
Flutter remove character from string
Dart
11 votes128 views2 answers
Order list dart
Dart
4 votes136 views2 answers
RenderBox was not laid out: RenderRepaintBoundary#5141b relayoutBoundary=up5 NEEDS-PAINT 'package:flutter/src/rendering/box.dart': package:flutter/…/rendering/box.dart:1 Failed assertion: line 1930 pos 12: 'hasSize'
Dart