Flexible

Flutter 화면 개발 시 Column과 Row는 대부분의 화면에 사용된다고 봐야 합니다. 
이러한 Column과 Row를 사용하시면서 하나의 화면으로 개발 하시다가 화면 사이즈가 변경될 때, Overflow나 에러가 발생하는 경우가 생겨 당황하게 됩니다. 
별 고민없이 고정된 넓이/높이로 화면 개발하면서 대부분이 한 번씩은 겪는다고 봅니다. 
이렇게 화면 사이즈에 따라 유동성 있게 변경되는 방법 중에 하나가 Flexible입니다. 

Flexible 위젯은 다음과 같이 이루어 집니다. 

Flexible(
    flex: 1, 
    fit: FlexFit.loose / FlexFit.tight
    child: Container(
    	...
),

속성 중 flex와 fit이 필수 요소는 아니고 따로 적용이 가능합니다. 

속성을 간단하게 설명 드리면 

flex : Flexible의 위젯을 사용한 여러 위젯이 있을 때, 서로의 공간에 대한 weight이라 보시면 됩니다. 남은 공간이 10이라고 가정할 때, 3개의 Flexible 위젯은 2:2:6 또는 3:5:2와 같이 비율로 서로 공간 분배가 가능해집니다. fit : loose일 경우 남은 공간을 채우지만 child에서 필요한 공간만 차지, tight는 child와 상관 없이 남은 모든 공간을 차지하게 됩니다.