[Flutter] 박스 레이아웃 (flex)

1. 박스 레이아웃 비율로 잡기

Flexible을 이용하여 비율잡기

    return MaterialApp(
      home: Scaffold(
        appBar:AppBar(
          leading: Icon(Icons.doorbell_outlined),
          title:Text("Instagram")
        ),
        body: Row(
          children: [
            Flexible(child: Container(),flex:3),
            Flexible(child: Container(),flex:3),
          ],
        )
      )
    );

Expanded를 이용하여 잡기

    return MaterialApp(
      home: Scaffold(
        appBar:AppBar(
          leading: Icon(Icons.doorbell_outlined),
          title:Text("Instagram")
        ),
        body: Row(
          children: [
            Expanded(child: Container(),flex:3),
            Container(width:100),
          ],
        )
      )
    );