[Flutter] Progressbar 중앙에 배치

이미지 배경 위에 Progressbar, Indicator를 중앙에 배치하기 위해서 Stack위젯을 사용한다.

그냥 맨바닥에 프로그레스바를 올려둘 예정이면 'Stack'위젯은 필요없다.

 

Stack(
	fit: StackFit.expand,
    children: [
    	Image.asset('img path',
        	fit: BoxFit.fill
        ),
        
        Visibility(
        	visible: isVisible,
            child: const Center(
            	child: CircularProgressIndicator(),
            ),
        )
    ],
)

 

 

Visibility위젯을 사용하였는데, 해당 프로그레스바를 일정시간이 지나면 Visible, Invisible 처리하기 위함이다.

프로그레스바가 서버 API를 통해서 데이터 갱신이 완료된 경우에는 위의 경우가 필요 없을 것이다.

 

그리고 Progressbar와 Indicator라는 단어가 함께 공존해서 마음이 편안하다.

모바일 앱 개발자로서 항상 두 단어가 AOS, iOS따로 있는 것이 아쉬웠다.