[Flutter] Row와 Column

 

Row (행)

row 행의 경우 주축(MainAxis)은 가로로 정렬 →

ex1)                a b c             

만약 row에서

mainAxisAlignment: MainAxisAlignment.start

결과     a b c                       

 

ex2)                a b c             

만약 row에서

mainAxisAlignment: MainAxisAlignment.end

결과                            a b c 

    

Column (열)

column 열의 경우 주축(MainAxis) 을 세로로 정렬 ↓

ex1)                a b c             

만약 column에서

mainAxisAlignment: MainAxisAlignment.start

결과                a b c             

                                            

                                            

 

ex2)                a b c             

만약 column에서

mainAxisAlignment: MainAxisAlignment.end

결과                                     

                                            

                       a b c             

 

 

정렬

CrossAxisAlignment

MainAxisAlignment

 

참고블로그

https://beomseok95.tistory.com/310