[flutter] 플러터 Drawer에서 사용자 기록을 저장하는 방법은?

07 Dec 2023

flutter

Flutter에서 Drawer는 많은 앱에서 사용되는 메뉴 및 네비게이션 패널입니다. 사용자의 활동 기록을 저장하고 나중에 이용하기 위해 Drawer에서 어떻게 이를 구현할 수 있는지 알아보겠습니다.

사용자 데이터를 저장하기 위해 Flutter에서는 여러 가지 방법을 제공합니다. 일반적으로 가장 일반적으로 사용되는 방법은 SharedPreferences를 사용하는 것입니다. SharedPreferences는 앱의 영구 데이터 저장소로 사용자 기록을 저장할 수 있습니다.

먼저, shared_preferences 패키지를 dependencies에 추가하고, 패키지를 가져올 필요가 있습니다. pubspec.yaml 파일을 열고 아래 코드를 추가합니다:

dependencies:
  shared_preferences: <latest_version>

다음으로, Drawer에서 사용자의 기록을 저장하고 검색하기 위한 메소드를 구현해야합니다. 아래의 예제 코드를 참고하세요:

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

class AppDrawer extends StatelessWidget {
  void _saveUserRecord(String record) async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    List<String> userRecords = prefs.getStringList('userRecords') ?? [];
    userRecords.add(record);

    await prefs.setStringList('userRecords', userRecords);
  }

  Future<List<String>> _getUserRecords() async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    return prefs.getStringList('userRecords') ?? [];
  }

  @override
  Widget build(BuildContext context) {
    return Drawer(
      child: ListView(
        children: <Widget>[
          ListTile(
            title: Text('Record 1'),
            onTap: () {
              _saveUserRecord('Record 1');
              Navigator.pop(context);
            },
          ),
          ListTile(
            title: Text('Record 2'),
            onTap: () {
              _saveUserRecord('Record 2');
              Navigator.pop(context);
            },
          ),
          ListTile(
            title: Text('View Records'),
            onTap: () async {
              List<String> userRecords = await _getUserRecords();
              // 사용자 기록을 확인하거나 사용할 수 있는 페이지로 이동하는 코드를 여기에 추가하세요.
              Navigator.pop(context);
            },
          ),
        ],
      ),
    );
  }
}

위의 예제 코드는 Drawer 위젯 안에서 사용자의 기록을 저장하고 검색하기 위한 _saveUserRecord 및 _getUserRecords 메소드를 정의합니다. _saveUserRecord 메소드는 SharedPreferences를 사용하여 사용자 기록을 저장하고, _getUserRecords 메소드는 SharedPreferences에서 사용자 기록을 검색합니다.

실행하려는 경우, Drawer 위젯을 사용하여 앱의 메인 화면에 추가하면 됩니다. 예를들면, 다음과 같습니다:

Drawer(
  child: AppDrawer(),
)

위의 예제 코드를 참고하여 플러터 Drawer에서 사용자 기록을 저장하고 나중에 사용할 수 있습니다. SharedPreferences를 사용하면 사용자의 활동 기록을 쉽게 저장하고 검색할 수 있습니다.