[flutter] shared_preferences를 이용하여 사용자가 선택한 양식 데이터를 수정하는 방법은?

15 Dec 2023

flutter

Shared Preferences를 사용하면 Flutter 애플리케이션에서 간단한 데이터를 저장하고 검색할 수 있습니다. 사용자가 선택한 양식 데이터를 수정하려면 다음과 같이 할 수 있습니다.

1. Shared Preferences 패키지 추가하기

먼저 shared_preferences 패키지를 프로젝트에 추가해야 합니다. pubspec.yaml 파일에 다음과 같이 패키지를 추가합니다.

dependencies:
  shared_preferences: ^2.0.8

그런 다음 터미널에서 아래 명령어를 실행하여 패키지를 가져옵니다.

flutter pub get

2. 사용자가 선택한 양식 데이터 수정하기

shared_preferences를 사용하여 사용자가 선택한 양식 데이터를 수정하려면 다음 단계를 따릅니다.

데이터 가져오기

먼저 SharedPreferences 인스턴스를 만들고 사용자가 선택한 양식 데이터를 가져옵니다.

final prefs = await SharedPreferences.getInstance();
var formData = prefs.getString('selectedFormData');

데이터 수정하기

다음으로 가져온 데이터를 수정하고 다시 SharedPreferences에 저장합니다.

formData = '수정된 양식 데이터';
prefs.setString('selectedFormData', formData);

전체 코드 예시

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

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyFormPage(),
    );
  }
}

class MyFormPage extends StatefulWidget {
  @override
  _MyFormPageState createState() => _MyFormPageState();
}

class _MyFormPageState extends State<MyFormPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('My Form'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () async {
            final prefs = await SharedPreferences.getInstance();
            var formData = prefs.getString('selectedFormData');
            // 데이터 수정
            formData = '수정된 양식 데이터';
            prefs.setString('selectedFormData', formData);
          },
          child: Text('Modify Form Data'),
        ),
      ),
    );
  }
}

위의 예시 코드는 사용자가 선택한 양식 데이터를 수정하기 위해 shared_preferences를 사용하는 방법을 보여줍니다. 이를 참고하여 원하는 기능을 구현할 수 있습니다.

끝으로, flutter pub get 명령어로 패키지를 가져오고, 수정된 양식 데이터를 애플리케이션에서 사용할 수 있습니다.