shared_preferencesを利用して値の表示、保存をしたい

Question

前提・実現したいこと

Todoリストを作成しています。
shared_preferencesを使って入力された情報を保存し、起動時に表示させたい。

発生している問題・エラーメッセージ

①起動時に表示されているのは最後に入力された値のみ。

該当のソースコード

import 'package:flutter/foundation.dart';
import 'package:freezed_annotation/freezed_annotation.dart';
import 'package:state_notifier/state_notifier.dart';
import 'package:todo_app/todo.dart';
import 'package:uuid/uuid.dart';
import 'package:shared_preferences/shared_preferences.dart';

part 'todos_state.freezed.dart';



@freezed
abstract class TodosState with _$TodosState  {
  const factory TodosState( {//TodosStateのクラスをチェック
    @Default(<Todo>[]) List<Todo> todos,//すべてのTodoが入るtodos
  }) = TodosStateData;//TodosStateDataであればデータの読み込みが終わったという判断ができるように
  const factory TodosState.loading() = TodosStateLoading;//TodosStateLoadingであればまだ読み込み中
}

//ここからDB
class TodosController extends StateNotifier<TodosState> with LocatorMixin  {
//LocatorMixinをmixinする事でcontextにあるproviderへのアクセスを容易する
  TodosController() : super(const TodosState.loading());

  final _uuid = Uuid();

  @override
  void initState() async {
    super.initState();
    await Future<void>.delayed(const Duration(seconds: 3));//initStateで3秒間ウエイトを入れ,初期データとしていくつかのTodoをstateへ設定
    // 初期データを設定、TodosStateLoadingからTodoStateDataへ変わるのでローディング完了の状態となる

    var prefs = await SharedPreferences.getInstance();
    state = TodosState(
    todos: [
      Todo(id: _uuid.v4(), title: 'テスト'),
//保存した値を表示していく。
      Todo(id: prefs.getString('_uuid.v4()') , title: prefs.getString('title') ),
      Todo(id: prefs.getString('_uuid.v4()') , title: prefs.getString('title') ),
      Todo(id: prefs.getString('_uuid.v4()') , title: prefs.getString('title') ),
    ],
      );
  }

  void add(String title) async {//追加機能
    final SharedPreferences prefs = await SharedPreferences.getInstance();
    final currentState =  state;
    if (currentState is TodosStateData) {
      // todosのクローンに新しいTodoを追加してstateを更新
      final todos = currentState.todos.toList()
    ..add(
          Todo(id: _uuid.v4(), title: title),
    );//値の保存
      prefs.setString('id',_uuid.v4());
      prefs.setString('title',title) ;
      prefs.setString('id',_uuid.v4());
      prefs.setString('title',title) ;
      state = currentState.copyWith(//stateはimmutableでメンバ変数を直接変更することはできないので、stateを更新するときは現在のstateからcopyWithでコピーするか、新規のstateで上書きする
        todos: todos,
      );

    }
  }



  void toggle(Todo todo) {
    final currentState = state;
    if (currentState is TodosStateData) {
      // Todoを検索してcomplatedをtoggleし、stateを更新
      final todos = currentState.todos.map((t) {
        if (t == todo) {
          return t.copyWith(
            completed: !t.completed,
          );
        }
        return t;
      }).toList();
      state = TodosState(
        todos: todos,
      );
    }
  }
}

試したこと

shared_preferences利用するたために別ファイルで作成し、のちに各ページで利用するメソッドも
考えましたがよく分からなくなったので、こちらに落ち着きました。

補足情報（FW/ツールのバージョンなど）

Flutter以前にDBを使う事が初心者です。情報不十分で申し訳ございませんが情報よろしくお願い致します。

Answer 1

起動時に表示されているのは最後に入力された値のみ

もしかすると、SharedPreferencesの挙動を勘違いされていませんか?

例えば、titleというキーに対してsetStringするたびに値が上書きされていくのは正しい挙動です。
なので、最後に入力した値だけが表示されるというのは自然かと思います。

Future<void> example() async {
  final prefs = await SharedPreferences.getInstance();

  await prefs.setString('title', 'タイトル1');
  await prefs.setString('title', 'タイトル2');
  await prefs.setString('title', 'タイトル3');

  print(prefs.getString('title'));
}

タイトル3

---

もし複数のTodoをローカルに保存したいのであれば、sqfliteのようなデータベースを使うべきだと思います。

Comments

[hiro.a]

回答ありがとうございます。ローカルで保存する方法を探していた中でsqfliteとSharedPreferencesを見つけ,SharedPreferencesの方が簡単そうなので、使ってみました。
sqfliteで試してみます。