[flutter] shared_preferences 를 사용하여 사용자가 선택한 소셜 미디어 계정을 저장하는 방법은 무엇인가요?

05 Dec 2023

flutter

Flutter에서 shared_preferences 패키지를 사용하면 앱 내에서 사용자의 환경 설정과 같은 간단한 데이터를 저장하고 관리할 수 있습니다. 이 기능을 사용하여 사용자가 선택한 소셜 미디어 계정을 저장하는 방법에 대해 알아보겠습니다.

shared_preferences 패키지 추가하기

먼저, pubspec.yaml 파일에 shared_preferences 패키지를 추가해야 합니다. 아래의 코드를 dependencies 섹션에 추가해주세요.

dependencies:
  flutter:
    sdk: flutter
  shared_preferences: ^2.0.5

그리고나서 패키지를 설치하기 위해 터미널에서 flutter packages get 명령을 실행하세요.

소셜 미디어 계정 저장하기

다음으로, 사용자가 선택한 소셜 미디어 계정을 저장하기 위한 코드를 작성해보겠습니다. 아래는 예시 코드입니다.

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

class SocialMediaAccountPage extends StatefulWidget {
  @override
  _SocialMediaAccountPageState createState() => _SocialMediaAccountPageState();
}

class _SocialMediaAccountPageState extends State<SocialMediaAccountPage> {
  TextEditingController _accountController = TextEditingController();
  SharedPreferences _prefs;

  @override
  void initState() {
    super.initState();
    initSharedPreferences();
  }

  void initSharedPreferences() async {
    _prefs = await SharedPreferences.getInstance();
    setState(() {
      _accountController.text = _prefs.getString('social_media_account') ?? '';
    });
  }

  void saveAccount(String account) async {
    setState(() {
      _accountController.text = account;
    });
    await _prefs.setString('social_media_account', account);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('소셜 미디어 계정 설정'),
      ),
      body: Padding(
        padding: EdgeInsets.all(16.0),
        child: Column(
          children: <Widget>[
            TextField(
              controller: _accountController,
              decoration: InputDecoration(
                labelText: '계정',
              ),
            ),
            RaisedButton(
              onPressed: () {
                saveAccount(_accountController.text);
              },
              child: Text('저장'),
            ),
          ],
        ),
      ),
    );
  }
}

위의 코드는 SocialMediaAccountPage 위젯을 생성하여 사용자가 소셜 미디어 계정을 입력하고 저장할 수 있도록 합니다. SharedPreferences 패키지를 사용하여 계정을 저장하고, initSharedPreferences 함수를 사용하여 이전에 저장된 계정이 있다면 텍스트 필드에 표시될 수 있도록 합니다.

계정을 저장할 때는 saveAccount 함수를 호출하여 SharedPreferences에 계정을 저장합니다. 저장된 계정은 앱을 재실행해도 유지됩니다.

이제 위의 코드를 사용하여 소셜 미디어 계정을 저장하는 기능을 구현할 수 있습니다.

마무리

이번에는 shared_preferences 패키지를 사용하여 Flutter 앱에서 사용자가 선택한 소셜 미디어 계정을 저장하는 방법에 대해 알아보았습니다. 이를 통해 앱 내에서 간단한 사용자 환경 설정을 관리할 수 있습니다. 자세한 내용은 shared_preferences 패키지 문서를 참조하세요.