Flutter 프로그래밍 미세먼지 날씨 앱 만들기 - 2 ( GetX, PullToRefresh package )
미세먼지 날씨 앱은 시간별 정보를 제공해야 하며, 낮과 밤을 구분해 준다면 시각적으로 직관성을 제공해 줄 수 있습니다. 때문에 배경화면을 통해 낮과 밤을 구분하는 간단한 화면 구성을 해보겠습니다. 구현 결과는 아래와 같습니다. 구현결과 (배경화면 구성) pubspec.yaml pub.dev 에서 다음 package를 설치합니다. GetX 상태 관리, 종속성 주입 및 경로 관리를 지원하는 강력한 package입니다. 자세한 설명은 이후 다른 게시물에서 알려드리도록 하겠습니다. 여기서는 구현에 초점을 맞춰 진행하겠습니다. initialBinding: InitialBinding() : GetX의 상태관리를 위해 controller 의존성 주입 getPages: appRouter, : Router 관리 Pull To Refresh 스크롤 드롭다운과 새로고침을 지원하는 package입니다. 다음 코드를 main.dart에 추가하여 pull to refresh package 초기화합니다. Flutter Svg SVG 파일을 그려주는 widget package입니다. 전체코드 mina.dart : 프로그램 최초 구동 함수 initial_binding.dart : GetXController 의존성 주입 home_controller.dart : GetXController app_router.dart : application router home_page.dart : main page에서 최초 routing 된 widget custom_app_bar.dart : appbar widget sky.dart : 낮 과 밤의 Image widget background.dart : 낮 과 밤의 배경화면 widget