[flutter] RefreshIndicator를 사용하여 게시물 목록 새로 고침하기

12 Dec 2023

flutter

Flutter 앱에서 사용자가 게시물 목록을 새로 고침하려고 할 때, RefreshIndicator를 사용하여 쉽게 구현할 수 있습니다. RefreshIndicator는 ListView 또는 GridView와 같은 스크롤 가능한 위젯을 감싸서 터치로 새로 고침을 가능하게 해줍니다.

여기에는 RefreshIndicator를 사용하여 게시물 목록을 새로 고침하는 방법에 대한 예제 코드가 포함되어 있습니다.

예제 코드

import 'package:flutter/material.dart';

class PostList extends StatefulWidget {
  @override
  _PostListState createState() => _PostListState();
}

class _PostListState extends State<PostList> {
  final List<String> _posts = [
    '게시물 1',
    '게시물 2',
    '게시물 3',
  ];

  Future<void> _refresh() async {
    // 여기에 게시물을 새로고침하는 비동기 작업을 추가합니다.
    // 예를 들어, 네트워크에서 새로운 게시물을 가져오는 코드를 여기에 추가할 수 있습니다.
  }

  @override
  Widget build(BuildContext context) {
    return RefreshIndicator(
      onRefresh: _refresh,
      child: ListView.builder(
        itemCount: _posts.length,
        itemBuilder: (BuildContext context, int index) {
          return ListTile(
            title: Text(_posts[index]),
          );
        },
      ),
    );
  }
}

위의 예제 코드에서는, RefreshIndicator를 이용하여 ListView를 감싸고 onRefresh 콜백을 통해 새로고침이 발생할 때 수행할 작업을 정의합니다.

결론

RefreshIndicator를 사용하여 Flutter 앱에서 게시물 목록을 쉽게 새로고침할 수 있습니다. 사용자 경험을 향상시키고 데이터를 최신 상태로 유지하는 데 유용한 기능입니다.

더 자세한 내용은 Flutter 공식 문서를 참고하세요.