플러터, flutter) Fitted Box) 사이즈를 일정하게 해준다, 예쁜 레이아웃을 위한 필수 위젯

이 그림을 보면, 위에 상단의 값이 매우 길어지면 원래는 

그 아래의 bar도 위치가 변동하고, 그래서 전반적으로 울퉁불퉁한 레이아웃으로 변하게 되었다.

 

그 이유는 무엇일까? 바로 그 숫자가 길어지면서 사이즈의 변동이 생겨서 그런 것인데,

 

Text의 사이즈가 바뀌더라도, 그 것을 감싸는 박스의 사이즈를 일정게 하려면,

Text를 FittedBox로 감싸면 된다.

 

원래는 Text가 컨테이너에 있었지만 FittedBox로 감싸다 보니 훨씬 모양이 예뻐졌다.

FittedBox는 간단하지만 필수 위젯이다.