/Dart/Flutter column cross axis alignment

Flutter column cross 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 cross 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 widget vertical center

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

Cross axis alignment flutter

crossAxisAlignment: CrossAxisAlignment.center,

Next row column in flutter

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

Source: stackoverflow.com

Similar codes

0 vote341 views4 answers
When i type string in textediter in flutter it shows intger
Dart
2 votes329 views4 answers
Regex dart
Dart
0 vote324 views1 answer
Top level package requires Flutter but FLUTTER_ROOT environment variable not set.
Dart
0 vote331 views1 answer
Future as a parameter with async in flutter
Dart
0 vote352 views2 answers
How to get a short code sms number in flutter
Dart
19 votes392 views5 answers
How to change background color of Elevated Button in flutter
Dart
9 votes353 views3 answers
Flutter list.generate
Dart
0 vote354 views1 answer
Options != null "FirebaseOptions cannot be null when creating the default app."
Dart
1 vote359 views1 answer
Flutter safearea
Dart
0 vote361 views1 answer
Drawer Header set text positon
Dart