[Flutter]Container 위치/배치 조정하기

 

 

FloatingActionButton  (우측 하단 Click버튼으로 활용)

일반적으로 앱에서 주요 작업이나 기능을 실행하기 위한 버튼. 화면의 한쪽에 떠다니는 원형의 버튼으로, 사용자가 쉽게 액세스할 수 있도록 한다.

 

Container 위젯

위젯의 너비와 높이를 지정하거나 배경이나 테두리를 추가할 때 많이 사용

 

Padding 위젯

child 위젯에 여백을 제공할 때 사용

 

EdgeInsets.all

상하좌우로 매개변수에 입력된 패딩을 균등하게 적용

 

 

Row

 

child: Row로 하면 3개의 컨테이너 박스가 가로로 배치된다.

 

+ 참고

 

컨테이너 간 간격은 사이사이 const SizedBox(width:12)를 넣어서 주었다.

 

Column

 

child : Column으로 하면 3개의 컨테이너박스가 세로로 배치된다.