[Flutter]Reduxでsharedpreferenceにデータを保存する
概要
flutterでスマホアプリを作っている。状態管理にはreduxを使用。アプリを切って再度起動した場合にも保持したいデータをsharedpreferenceに書き込みたい。
やり方
1. 保存する状態
以下のクラスを保存する。
class Item{
String name;
int id;
}
class AppState{
List<Item> items;
}
2. 各classにjsonへの書き込み処理を追加する
class Item{
String name;
int id;
Map toJson()=>{
'name': name,
'id': id as int,
}
}
class AppState{
List<Item> items;
Map toJson()=>{
'items': items,
}
}
クラスのメンバに別のクラスのインスタンスが含まれる場合は、そのクラスにtoJson()メソッドがあればそれを呼び出してくれる。
3. sharedpreferenceに書き込むメソッドを追加
sharedpreferenceを使用するには、pubspec.yamlに以下を追記する必要がある。バージョンはその時期に応じて適宜修正してください。
dependencies:
・・・
shared_preferences: ^0.4.2
import 'package:shared_preferences/shared_preferences.dart';
void saveToPrefs(AppState state) async{
SharedPreferences prefs=await SharedPreferences.getInstance();
var string=json.encode(state.toJson());
await prefs.setString('itemState', string);
sharedpreferenceへの書き込みは非同期に行われるので、asyncなメソッドにし、書き込み終了をawaitで待ってあげる。
4. actionを追加
新しいitemを追加するAddItemActionを追加する。
class AddItemAction{
final Item item;
AddItemAction(this.item);
追加するitemをメンバ変数として持たせる。
5. reducerを追加
新しいitemを追加するreducerを追加する。
List<Item> ItemsReducer(List<Item> items, action){
if (action is AddItemAction){
return []..addAll(items)
..add(action.item);
}
else{
return items;
}
}
6. middlewareを追加
itemを追加した後にsharedpreferenceに保存するmiddlewareを追加する。
void AppStateMiddleWare(Store<AppState> store, action, NextDispatcher next) async{
next(action);
if (action is AddItemAction){
saveToPrefs(store.state);
}
next(action)がitemを追加する。その後に3.で追加したメソッドを呼び出す。
終わりに
sharedpreferenceから呼び出す方は次回書きます。
最新記事
すべて表示現象 アプリ内にAdmobを追加して、アプリを起動すると、下記のエラーが発生 java.lang.RuntimeException: Unable to get provider com.google.android.gms.ads.MobileAdsInitProvider 原因 AndroidManifestの書き方が誤っていた。 <meta-data>はactivityと同じ階層にある必要が
概要 Uriを持っていて、Urlに変換したい場合の方法で少し手惑ったので共有します 方法 String url = uri.toString(); これだけです。 最後に ページを開くだけだとUriでもUrlでもいいんですが、WebViewはUrlを要求してくるんですよね。
問題 以前、日本語を含むURLを開くためには、エンコーディングしてやる必要がある、という記事を書きました。 しかし、すでにエンコーディングされているURLを再度エンコーディングしてしまうと、別のURLになってしまいます。 つまり、URLを開く処理の前に、 ・エンコーディングが必要なURLか ・すでにエンコーディングがされているか を判定しないといけないことになります。これは中々煩雑な処理です。 発