What is the difference between MainAxisAlignment and CrossAxisAlignment?

 

Used in Row and Column to align children.

PropertyRowColumn
mainAxisAlignmentHorizontal alignmentVertical alignment
crossAxisAlignmentVertical alignmentHorizontal alignment

Example:

Column(
  mainAxisAlignment: MainAxisAlignment.center,
  crossAxisAlignment: CrossAxisAlignment.start,
  children: [Text('Hello'), Text('World')],
);

Comments

Post a Comment

Popular posts from this blog

1. What is Flutter?

 Flutter is an open-source UI toolkit developed by Google for building natively compiled applications for mobile (Android, iOS), web, desktop , and embedded devices from a single codebase . Language used: Dart Rendering Engine: Skia Developed by: Google       Advantages: Single codebase for multiple platforms Hot reload for faster development High performance (compiles to native ARM code) Rich widget library
Read more

What is FutureBuilder and StreamBuilder?

 Both are widgets to handle asynchronous data. FutureBuilder – For one-time data (Future) FutureBuilder( future: getData(), builder: (context, snapshot) { if (snapshot.hasData) return Text(snapshot.data); return CircularProgressIndicator(); }, ); StreamBuilder – For continuous data (Stream) StreamBuilder( stream: counterStream, builder: (context, snapshot) { if (snapshot.hasData) return Text('${snapshot.data}'); return CircularProgressIndicator(); }, );
Read more