이번 글에서는 Flutter 앱에서 사용자의 최근 지출 내역을 저장하는 방법을 알려드리겠습니다. 이를 위해 get_storage 패키지를 사용할 것이며, 이를 통해 간편하게 로컬 데이터를 저장하고 불러올 수 있습니다.
1. get_storage 패키지 추가하기
먼저, pubspec.yaml 파일에 get_storage 패키지를 추가합니다.
dependencies:
flutter:
sdk: flutter
get_storage: ^1.4.0
위와 같이 dependencies 섹션에 get_storage를 추가한 후, 터미널에서 flutter pub get 명령어를 실행하여 패키지를 설치합니다.
2. 최근 지출 내역 저장하기
다음으로, 사용자의 지출 내역을 저장하는 코드를 작성해보겠습니다. 아래 예시는 사용자가 입력한 최근 지출 내역을 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 recentExpenses = GetStorage('recent_expenses');
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('Expense Tracker'),
),
body: Center(
child: ElevatedButton(
onPressed: () {
recentExpenses.write('recent', ['Groceries', 'Transportation', 'Dining out']);
// 최근 지출 내역을 'recent' 키로 저장
},
child: Text('Save Recent Expenses'),
),
),
),
);
}
}
위 예제에서는 recentExpenses.write('recent', ['Groceries', 'Transportation', 'Dining out']);를 통해 최근 지출 내역을 로컬에 저장하고 있습니다.
3. 최근 지출 내역 불러오기
마지막으로, 저장한 최근 지출 내역을 불러오는 방법을 알아보겠습니다. 이를 위해 불러오려는 키값을 지정하여 read 메서드를 사용합니다.
final recentExpenses = GetStorage('recent_expenses');
List<String> expenses = recentExpenses.read('recent') ?? [];
print(expenses);
위 예제에서는 recentExpenses.read('recent')를 통해 저장한 최근 지출 내역을 불러오고 있습니다.
이렇게 get_storage 패키지를 사용하여 Flutter 앱에서 사용자의 최근 지출 내역을 저장하고 불러오는 방법에 대해 알아보았습니다. 간편하게 로컬 데이터를 다룰 수 있는 이 패키지를 효과적으로 활용하면 사용자 경험을 향상시킬 수 있을 것입니다.
더 많은 정보를 원하신다면 get_storage 공식 문서를 참고하시기 바랍니다.