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.

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,),
           ],
         )
       )
     ),
   );
 }
}

Questions?

Ask questions via GitHub below OR chat on Slack #questions