What is the difference between Expanded and Flexible?

 

WidgetBehavior
ExpandedTakes all available space
FlexibleTakes only the needed space

Example:

Row(
  children: [
    Expanded(child: Container(color: Colors.red)),
    Flexible(child: Container(color: Colors.blue)),
  ],
);

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