[flutter] shared_preferences를 활용하여 저장된 데이터를 삭제하기 전에 확인하는 방법은?

15 Dec 2023

flutter

shared_preferences를 사용하여 Flutter 애플리케이션에서 데이터를 저장하고 검색하는 것은 간단하고 효과적입니다. 그러나 때로는 사용자가 실수로 데이터를 삭제하는 것을 방지하기 위해 먼저 사용자에게 확인 메시지를 표시하는 것이 좋습니다.

다행히도, shared_preferences 패키지는 데이터를 삭제하기 전에 사용자에게 확인 메시지를 표시하는 기능을 제공합니다. 이를 위해 shared_preferences 패키지의 SharedPreferences 클래스를 사용하여 데이터를 삭제하기 전에 확인 다이얼로그를 표시할 수 있습니다.

아래는 데이터를 삭제하기 전에 확인 다이얼로그를 표시하는 예제 코드입니다.

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: HomeScreen(),
    );
  }
}

class HomeScreen extends StatelessWidget {
  void deleteData() async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    bool confirmDelete = await showDialog(
      context: context,
      builder: (BuildContext context) {
        return AlertDialog(
          title: Text('Delete Data'),
          content: Text('Are you sure you want to delete the data?'),
          actions: <Widget>[
            FlatButton(
              child: Text('Cancel'),
              onPressed: () {
                Navigator.of(context).pop(false);
              },
            ),
            FlatButton(
              child: Text('Delete'),
              onPressed: () {
                Navigator.of(context).pop(true);
              },
            ),
          ],
        );
      },
    );

    if (confirmDelete) {
      prefs.remove('key');
      // 데이터 삭제 후에 필요한 작업 수행
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Shared Preferences Example'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            deleteData();
          },
          child: Text('Delete Data'),
        ),
      ),
    );
  }
}

위의 코드는 shared_preferences를 사용하여 데이터를 삭제하기 전에 확인 메시지를 표시하는 방법을 보여줍니다. deleteData 함수는 데이터를 삭제하기 전에 확인 다이얼로그를 표시하고, 사용자가 확인을 선택하면 데이터를 삭제합니다.

이제 shared_preferences를 활용하여 저장된 데이터를 삭제하기 전에 확인하는 방법을 사용할 수 있을 것입니다.