플러터, flutter) 채워지는 bar 만들기 (Stack & fractionallySizedBox)

1. 원하는 bar 사이즈의 container 만들기

 

2. 그 안에 stack을 만들어서, 내용물로 bar를 채울 것이다.

 

3. stack 안의 Container는 배경을 담당한다. 

 

4. FractionallySizedBox는 상위 부모의 사이즈의 비율에 맞게 생겨난다.

 - FractionallySizedBox의 상위 부모는 Container 이고 height은 60, width는 10이다.

 - height Factor는 상위 부모 height의 비율을 말한다.

 - 나머지 데코 관련해서는 배경과 맞출 부분은 맞추고, 색은 다르게 해준다.