[Flutter] App Weather - 6단계 완료(indicator 추가)

오늘은 마지막으로 indicator 를 추가하여 데이터 가져오는 동안 사용자에게 기다리는 화면을 보여주는 방법에 대해서 알아보겠습니다.

개발환경 : 윈도우11, 안드로이드 스튜디오(Arctic Fox 2020.3.1 Patch 4), flutter 2.8.1

소스코드 위치 - Release indicator · mike-bskim/weather (github.com)

Release indicator · mike-bskim/weather

 

패치키 추가

 

flutter_spinkit: ^5.1.0

 

 

loading.dart 수정 - build 부분만 수정하면 됩니다.

 

@override
Widget build(BuildContext context) {
  return const Scaffold(
    backgroundColor: Colors.amber,
    body: Center(
      child: SpinKitDoubleBounce(
        color: Colors.white,
        size: 80.0,
      ),
    ),
  );
}

 

 

[참고자료] 코딩셰프

 - [https://www.youtube.com/watch?v=mPMQ3GC96JA&list=PLQt_pzi-LLfoOpp3b-pnnLXgYpiFEftLB&index=19]