/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

1 vote257 views1 answer
Hive regiter adapter enum
Dart
0 vote266 views1 answer
Define offset for floatingActionButtonLocation flutter
Dart
7 votes278 views1 answer
Card border radius in flutter
Dart
1 vote260 views2 answers
Flutter how to execute function after building screen
Dart
0 vote260 views1 answer
Flutter text direction rtl
Dart
27 votes397 views6 answers
Dart for in loop
Dart
11 votes268 views2 answers
Flutter launcher icon generate
Dart
11 votes261 views6 answers
Provider flutter
Dart
1 vote260 views1 answer
Alertdialog flutter outside click disble
Dart
0 vote277 views1 answer
Single document from firestore to a dart object
Dart