이번 블로그에서는 get_storage 패키지를 사용하여 Flutter 앱에서 사용자가 추가한 상품을 위시리스트에 저장하는 방법에 대해 알아보겠습니다.
get_storage란?
get_storage는 Flutter에서 간단하고 빠르게 데이터를 저장하고 검색할 수 있는 경량 데이터 저장소 패키지입니다. 이를 사용하여 사용자의 위시리스트 정보를 쉽게 관리할 수 있습니다.
get_storage 패키지 설치
먼저, pubspec.yaml 파일에 다음과 같이 get_storage 패키지를 추가합니다.
dependencies:
get_storage: ^2.0.3
그리고 터미널에서 아래 명령을 실행하여 패키지를 가져옵니다.
flutter pub get
위시리스트 저장 및 불러오기
이제 위시리스트 정보를 저장하고 불러오는 간단한 예제를 살펴보겠습니다.
main.dart 파일에 다음과 같이 코드를 작성합니다.
import 'package:flutter/material.dart';
import 'package:get_storage/get_storage.dart';
void main() async {
await GetStorage.init();
runApp(MyApp());
}
class WishList {
final box = GetStorage();
List<String> get items => box.read('wishList') ?? [];
void addItem(String item) {
List<String> list = items;
list.add(item);
box.write('wishList', list);
}
}
class MyApp extends StatelessWidget {
final WishList wishList = WishList();
@override
Widget build(BuildContext context) {
return MaterialApp(
...
);
}
}
위 코드에서는 get_storage를 사용하여 사용자의 위시리스트를 wishList
라는 키로 저장하고 불러오는 간단한 예시를 보여주고 있습니다.
위의 예제를 참고하여 사용자의 위시리스트 정보를 저장하고 불러오는 기능을 구현할 수 있습니다. 위시리스트 화면에서 사용자가 상품을 추가할 때 WishList 클래스의 addItem 메서드를 호출하여 정보를 저장할 수 있고, 화면을 다시 로드할 때 저장된 정보를 WishList 클래스의 items 속성을 통해 불러올 수 있습니다.
이제 get_storage를 사용하여 Flutter 앱에서 사용자의 위시리스트를 저장하고 불러오는 방법에 대해 알아보았습니다. 사용자의 위시리스트를 쉽게 관리하기 위해 get_storage를 활용해 보세요!
간단한 예시를 통해 get_storage를 사용한 위시리스트 저장 방법을 살펴보았습니다. 추가적인 사용법이나 응용 방법에 대해 더 알고 싶다면 공식 get_storage GitHub 페이지를 참고하시기 바랍니다.