플러터 Expanded, Flexible

Flexible 위젯

Row(
	children : [
		Flexible( child: Container(color : Colors.blue), flex: 3),
		Flexible( child: Container(color : Colors.blue), flex: 7)
	]
)
  • Row 안에서 박스를 여러개 배치할때 %로 영역을 나누고 싶을 때
  • flex는 이 박스가 가로폭을 얼마나 차지할 지 나타내는 배수
  • Column 안에서도 마찬가지로 사용가능

Expanded 위젯

Row(
	children : [
		Expanded( child : Container(color : Colors.blue), flex: 1),
		Container(Color : Colors.green, width : 100)
	]
)

하나의 박스만 가로폭을 꽉 채우고 싶을 때 사용

좋은 웹페이지 즐겨찾기