Expanded widgets


class Home extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Hello Shaun!"),
        centerTitle: true,
        backgroundColor: Colors.cyan[300],
      ),
      body: Row(
        children: <Widget>[
          Expanded( // Contain child images
            flex: 4,
            child: Image.asset('assets/sso.jpg'),
          ), // Too large -> Wrap over rest of the widgets
          Expanded( // Fill the space
            flex: 3, // Portion of space
            child: Container(
              padding: EdgeInsets.all(30.0),
              color: Colors.pinkAccent[200],
              child: Text('2'),
            ),
          ),
          Expanded(
            flex: 2,
            child: Container(
              padding: EdgeInsets.all(30.0),
              color: Colors.cyan[200],
              child: Text('1'),
            ),
          ),
          Expanded(
            flex: 1,
            child: Container(
              padding: EdgeInsets.all(30.0),
              color: Colors.amberAccent[200],
              child: Text('3'),
            ),
          ),
        ],
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {},
        child: Text('click'),
        backgroundColor: Colors.blueGrey[800],
      ),
    );
  }
}