[Flutter] getx로 데이터 새로고침

wjdguseya_0880·2024년 7월 8일
0
GestureDetector(
        onTap: () {},
           child: Image.asset('assets/Main/reset.png',),
         ),

이 리셋 이미지를 통해서 데이터를 새로고침하고 싶다.

그리고 뱅글뱅글 돌아가는 CircularProgressIndicator도 구현됐으면 좋겠다.

상태관리를 Getx를 사용하고 있어서 Getx를 통해서 새로 고침을 만들어보자.

먼저 controller에

  @override
  void onInit() {
    // TODO: implement onInit
    super.onInit();
    getWeather();
  }

날씨데이터를 초기화 시켜주고 다시 불러와주면 된다.

뱅글뱅글 돌아가는 CircularProgressIndicator도 구현은

Future<WeatherModel?> getWeather({bool forceRefresh = false}) async {}()

bool forceRefresh = false를 써주고

GestureDetector(
        onTap: () {
        Get.find<WeatherController>().getWeather(forceRefresh: true)
               .then((_) {
                           setState(() {
                             isLoading = false;
                             });
                        });
                    },
                   child: Image.asset('assets/Main/reset.png',),
         ),

이렇게 컨트롤러를 불러와 orceRefresh: true 날씨 데이터를 다시 가져오도록 한다.

profile
플러터 공부 기록일지

0개의 댓글