[Flutter] 위젯을 동일한 비율로 정렬

 

 

mainAxisAlignment: MainAxisAlignment.spaceEvenly 

속성을 사용하면 된다.

 

 

적용 전

body: Row(
          children: <Widget>[
            IconButton(onPressed: () {}, icon: Image.asset("assets/sample.jpg"), iconSize: 100,),
            IconButton(onPressed: () {}, icon: Image.asset("assets/sample.jpg"), iconSize: 100,),
            IconButton(onPressed: () {}, icon: Image.asset("assets/sample.jpg"), iconSize: 100,),

          ],
        )

 

 

 

적용후

body: Row(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: <Widget>[
            IconButton(onPressed: () {}, icon: Image.asset("assets/sample.jpg"), iconSize: 100,),
            IconButton(onPressed: () {}, icon: Image.asset("assets/sample.jpg"), iconSize: 100,),
            IconButton(onPressed: () {}, icon: Image.asset("assets/sample.jpg"), iconSize: 100,),

          ],
        )

 

 

깔끔하게 정렬이된다!!