Flex Layout Align widgets in rows and columns

This lesson is available for PRO members or as a single course purchase. Sign-in and choose a plan below.


*Enrollment provides full access to this course (and updates) for life.

Or Signup for Unlimited PRO Access
👈 Gestures
Stack 👉

Example Code

file_type_dartlang main.dart 
class MyApp extends StatelessWidget {
 @override
 Widget build(BuildContext context) {
   return MaterialApp(
     home: Scaffold(
       body: Container(
         color: Colors.blue,
         padding: EdgeInsets.all(16),
         child: Column(
           mainAxisAlignment: MainAxisAlignment.center,
           crossAxisAlignment: CrossAxisAlignment.stretch,
           children: <Widget>[
             Icon(Icons.cake, color: Colors.white, size: 50,),
             Icon(Icons.cake, color: Colors.white, size: 100,),
             Icon(Icons.cake, color: Colors.white, size: 200,),
           ],
         )
       )
     ),
   );
 }
}

Q&A Chat