Flutter/外部ライブラリ/pref and json - 変更履歴

2019年5月15日 (水) 01:52にAdminによる

2019-05-15T01:52:05Z

2019年5月8日 (水) 05:46にAdminによる

2019-05-08T05:46:24Z

2019年5月8日 (水) 05:44にAdminによる

2019-05-08T05:44:11Z

2019年5月8日 (水) 05:43にAdminによる

2019-05-08T05:43:38Z

Admin: Admin がページ「Flutter/外部ライブライ/pref and json」を「Flutter/外部ライブラリ/pref and json」に、リダイレクトを残さずに移動しました

2019-05-06T18:14:23Z

Admin がページ「Flutter/外部ライブライ/pref and json」を「Flutter/外部ライブラリ/pref and json」に、リダイレクトを残さずに移動しました

2019年5月6日 (月) 17:17にAdminによる

2019-05-06T17:17:00Z

Admin: ページの作成:「==prefとjsonを使ったサンプル== prefとjsonを使ったdaoクラスを作る lib/model/pref.dart

  import 'dart:convert'; import 'package:memotyou/home/init...」

2019-05-06T17:16:14Z

ページの作成:「==prefとjsonを使ったサンプル== prefとjsonを使ったdaoクラスを作る lib/model/pref.dart <pre> import 'dart:convert'; import 'package:memotyou/home/init...」

新規ページ

==prefとjsonを使ったサンプル==
prefとjsonを使ったdaoクラスを作る

lib/model/pref.dart
<pre>

import 'dart:convert';
import 'package:memotyou/home/init/article.dart';
import 'package:shared_preferences/shared_preferences.dart';

class Pref {
static String articlesKey = 'articles';
static String articleIdKey = 'articleId';
static String articleBodyKey = 'articleBody';

static void saveArticles(List<Article> articles) async {
SharedPreferences prefs = await SharedPreferences.getInstance();
List<String> prefArticles = new List<String>();
articles.forEach((article) {
String articleJson = json.encode(article.toJson());
print("json save $articleJson");
prefArticles.add(articleJson);
});
await prefs.setStringList(articlesKey, prefArticles);
}
static Future<List<Article>> getArticles() async {
SharedPreferences prefs = await SharedPreferences.getInstance();
List<String> prefArticles = prefs.getStringList(articlesKey);
if (prefArticles == null) {
prefArticles = new List<String>();
}
List<Article> articles = List<Article>();
prefArticles.forEach((articleJson) {
print("json load $articleJson");
dynamic mapArticle = json.decode(articleJson);
Article article = Article.fromJson(mapArticle);
articles.add(article);
});
return articles;
}
}
</pre>

lib/dao/article_dao.dart
<pre>

import 'package:collection/collection.dart';
import 'package:memotyou/home/init/article.dart';
import 'package:memotyou/home/model/pref.dart';

class ArticleDao {
Future<List<Article>> findAll() async {
List<Article> tmpArticles = new List<Article>();
List<Article> articles = await Pref.getArticles();
articles.forEach((tmpArticle) {
if (tmpArticle != null && tmpArticle.id != null) {
tmpArticles.add(tmpArticle);
}
});
reverse(tmpArticles);
return tmpArticles;
}

Future<Article> findRowById(int id) async {
List<Article> articles = await Pref.getArticles();
Article article;
articles.forEach((tmpArticle) {
print(tmpArticle.name);
print(tmpArticle.body);
if (tmpArticle.id == id) {
article = tmpArticle;
}
});
return article;
}

Future<int> insert(Article article) async {
List<Article> articles = await Pref.getArticles();
List<Article> tmpArticles = new List<Article>();
int maxId = 0;
articles.forEach((tmpArticle) {
if (tmpArticle != null && tmpArticle.id != null) {
if (tmpArticle.id > maxId) {
maxId = tmpArticle.id;
}
tmpArticles.add(tmpArticle);
}
});
article.id = maxId + 1;
tmpArticles.add(article);
int lastId = article.id;
Pref.saveArticles(tmpArticles);
return lastId;
}

Future<int> updateById(Article article,int id) async {
List<Article> articles = await Pref.getArticles();
bool updateFlug = false;
List<Article> tmpArticles = new List<Article>();
int lastId = 0;
articles.forEach((tmpArticle) {
print(tmpArticle.name);
print(tmpArticle.body);
if (tmpArticle.id == id) {
tmpArticles.add(article);
updateFlug = true;
lastId = tmpArticle.id;
} else {
tmpArticles.add(tmpArticle);
}
});
if (!updateFlug) {
tmpArticles.add(article);
}
Pref.saveArticles(tmpArticles);
return lastId;
}
Future<int> deleteById(int id) async {
List<Article> articles = await Pref.getArticles();
List<Article> tmpArticles = new List<Article>();
int lastId = 0;
articles.forEach((tmpArticle) {
if (tmpArticle.id == id) {
lastId = tmpArticle.id;
} else {
tmpArticles.add(tmpArticle);
}
});
Pref.saveArticles(tmpArticles);
return lastId;
}
}
</pre>

main.dart

<pre>
class _ListPageState extends State<ListPage> {
List<Article> articles = new List<Article>();
@override
void initState() {
articles.clear();
ArticleDao dao = new ArticleDao();
dao.findAll().then((value) {
setState(() {
articles = value;
});
});
}
</pre>
非同期で取得した値をarticlesへ入れる部分についてsetStateで囲むのが味噌です。

@@ 行137: / 行137: @@
    List<Article> articles = new List<Article>();
    @override
-   void initState() {
+   void initState() async {
      articles.clear();
      ArticleDao dao = new ArticleDao();

@@ 行140: / 行140: @@
      articles.clear();
      ArticleDao dao = new ArticleDao();
-     List<Article> value = await dao.findAll();
+     List<Article> tmpArticles = await dao.findAll();
      setState(() {
-         articles = value;
+         articles = tmpArticles;
      });
+   }
@@ 行156: / 行156: @@
      articles.clear();
      ArticleDao dao = new ArticleDao();
-     dao.findAll().then((value) {
+     dao.findAll().then((tmpArticles) {
        setState(() {
-         articles = value;
+         articles = tmpArticles;
        });
      });

@@ 行133: / 行133: @@
 main.dart
 <pre>
 class _ListPageState extends State<ListPage> {
@@ 行147: / 行146: @@
+   }
 </pre>
-以下のようにも書けるがthenは古い書き方なので↑のほうが良いっぽい。
+↓のようにも書けるがthenは古い書き方なので↑のほうが良いっぽい。
 <pre>
 class _ListPageState extends State<ListPage> {

←前の版		2019年5月8日 (水) 05:43時点における版
行133:		行133:

	main.dart		main.dart
		+
		+	<pre>
		+	class _ListPageState extends State<ListPage> {
		+	List<Article> articles = new List<Article>();
		+	@override
		+	void initState() {
		+	articles.clear();
		+	ArticleDao dao = new ArticleDao();
		+	List<Article> value = await dao.findAll();
		+	setState(() {
		+	articles = value;
		+	});
		+	}
		+	</pre>
		+	以下のようにも書けるがthenは古い書き方なので↑のほうが良いっぽい。

	<pre>		<pre>

←前の版	2019年5月6日 (月) 18:14時点における版
(相違点なし)

@@ 行4: / 行4: @@
 lib/model/pref.dart
 <pre>
 import 'dart:convert';
 import 'package:memotyou/home/init/article.dart';