Flutter Course

Course.md

Course Resources

https://github.com/londonappbrewery/Flutter-Course-Resources

Course Syllabus

file:///Users/borisbarroso/Documents/Flutter+Dev+Syllabus.pdf

Align

CrossAxisAligment.stretch

SizedBox

https://medium.com/flutter-community/flutter-layout-cheat-sheet-5363348d037e

https://www.materialpalette.com/

layout.dart

import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.teal,
        body: SafeArea(
          child: Row(
            //mainAxisSize: MainAxisSize.min,
            //mainAxisAlignment: stretch,
            crossAxisAlignment: CrossAxisAlignment.stretch,
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: <Widget>[
              Container(
                color: Colors.red,
                //child: Text('Child 1'),
                width: 100,
                //margin: EdgeInsets.symmetric(vertical: 20, horizontal: 20),
                padding: EdgeInsets.all(10),
              ),
              Container(
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: <Widget>[
                    Container(width: 100, height: 100, color: Colors.yellow),
                    Container(width: 100, height: 100, color: Colors.green)
                  ],
                ),
              ),
              Container(
                color: Colors.blue,
                //child: Text('Child 3'),
                width: 100,
                padding: EdgeInsets.all(10),
              ),
            ],
          ),
        ),
      ),
    );
  }
}