[flutter] 플러터 get_storage를 사용하여 플러터 앱에서 사용자가 작성한 리뷰 목록을 저장하는 방법을 알려주세요.

15 Dec 2023

flutter

플러터 앱에서는 사용자가 작성한 리뷰를 저장하고 나중에 불러와서 보여주는 기능을 구현할 수 있습니다. 이를 위해 get_storage 패키지를 사용하여 사용자의 리뷰를 심플하게 저장하고 불러오는 방법을 알아보겠습니다.

get_storage 패키지란?

get_storage는 플러터에서 사용할 수 있는 간편하고 빠른 로컬 저장소 패키지입니다. 이 패키지를 사용하면 파일이나 데이터베이스를 사용하지 않고도 경량화된 방식으로 데이터를 저장하고 불러올 수 있습니다.

get_storage 패키지 설치하기

먼저, pubspec.yaml 파일에 get_storage 패키지를 추가해야 합니다.

dependencies:
  flutter:
    sdk: flutter
  get_storage: ^1.4.0

그리고 다음 명령어를 사용하여 패키지를 설치합니다.

flutter pub get

사용자 리뷰 저장하기

이제 get_storage를 사용하여 사용자가 작성한 리뷰를 저장하는 방법을 알아보겠습니다.

import 'package:flutter/material.dart';
import 'package:get_storage/get_storage.dart';

void main() async {
  await GetStorage.init();
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  final box = GetStorage();

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('사용자 리뷰 저장하기'),
        ),
        body: Center(
          child: ElevatedButton(
            onPressed: () {
              String userReview = '사용자가 작성한 리뷰';
              box.write('user_review', userReview);
            },
            child: Text('리뷰 저장하기'),
          ),
        ),
      ),
    );
  }
}

위 예제에서는 GetStorage를 사용하여 사용자가 작성한 리뷰를 ‘user_review’라는 키로 저장하고 있습니다.

사용자 리뷰 불러오기

사용자가 작성한 리뷰를 불러와서 화면에 보여주는 방법을 알아보겠습니다.

class MyApp extends StatelessWidget {
  final box = GetStorage();

  @override
  Widget build(BuildContext context) {
    String savedReview = box.read('user_review') ?? '저장된 리뷰가 없습니다';

    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('사용자 리뷰 보기'),
        ),
        body: Center(
          child: Text(savedReview),
        ),
      ),
    );
  }
}

위 예제에서는 GetStorage를 사용하여 ‘user_review’ 키에 저장된 사용자 리뷰를 불러와 화면에 보여주고 있습니다.

이제 플러터 앱에서 사용자가 작성한 리뷰를 get_storage를 사용하여 저장하고 불러오는 방법을 알게 되었습니다. 이러한 기능을 활용하여 사용자들이 작성한 리뷰를 간편하게 저장하고 관리할 수 있을 것입니다.