[flutter] RefreshIndicator를 사용하여 인증 토큰이 만료되었을 때 새로 고침하기

12 Dec 2023

flutter

인증 토큰의 만료는 모바일 애플리케이션 개발 시 흔한 문제입니다. 이 문제를 해결하기 위해 Flutter에서 RefreshIndicator를 사용하는 방법을 알아보겠습니다. RefreshIndicator는 사용자가 리스트를 아래로 당겨서 새로 고침할 수 있도록 하는 위젯입니다. 이를 활용하여 만료된 토큰을 갱신하고, 데이터를 다시 불러올 수 있습니다.

RefreshIndicator 구현

우선, RefreshIndicator를 구현하기 위해 다음과 같이 코드를 작성합니다.

import 'package:flutter/material.dart';

class MyPage extends StatefulWidget {
  @override
  _MyPageState createState() => _MyPageState();
}

class _MyPageState extends State<MyPage> {
  final GlobalKey<RefreshIndicatorState> _refreshIndicatorKey = 
    GlobalKey<RefreshIndicatorState>();

  @override
  Widget build(BuildContext context) {
    return RefreshIndicator(
      key: _refreshIndicatorKey,
      onRefresh: _handleRefresh,
      child: ListView(
        children: <Widget>[
          // 리스트 아이템들
        ],
      ),
    );
  }

  Future<void> _handleRefresh() async {
    // 여기에 토큰 갱신 및 데이터 다시 불러오는 로직 작성
  }
}

위 코드에서 RefreshIndicator 위젯을 사용하여 리스트를 감싸고, onRefresh 콜백을 등록하였습니다.

토큰 갱신 및 데이터 다시 불러오기

_handleRefresh 메소드에서는 토큰을 갱신하고, 데이터를 다시 불러오는 로직을 구현하면 됩니다. 이때, 비동기 처리가 필요한 경우 async 및 await을 사용하여 적절히 처리할 수 있습니다.

이제 RefreshIndicator를 활용하여 인증 토큰이 만료되었을 때 새로 고침하는 방법에 대해 알아보았습니다. 이를 통해 사용자 경험을 향상시키고, 원활한 애플리케이션 사용을 보장할 수 있습니다.

RefreshIndicator 구현

토큰 갱신 및 데이터 다시 불러오기

참고 자료