サイトアイコン RのWeb制作

【Flutter】ToDoアプリの作成

StatefullWidgetの状態管理、データの受け渡し、デバイスへのToDoリスト保存の解説がなかったので例となるアプリを作成しました。

こちらのアプリを応用すれば、大体のアプリが作れるのではないかと思います。アプリ作成初心者の方は、このアプリを模写して作ってみると理解が進むと思います。

GitHub

R2002:flutter_todo_demo

機能

ToDo追加

ToDoリスト表示

ToDo編集

ToDo削除

ToDoリストをデバイスに保存

ToDoリストをデバイスから呼び出す

ファイル

home.dart

Todoリスト表示など中心的なファイル。

list_add.dart

リストにTodoを追加するためのファイル。

list_edit.dart

リストのTodoを編集するためのファイル。

main.dart

アプリ起動用のファイル。

利用パッケージ

shared_preferences: ^2.0.13

エラー対応

flutter: MissingPluginException(No implementation found for method getAll on channel plugins.flutter.io/shared_preferences)

仮想デバイスを一度再起動してください。再起動をしないとshared_preferencesパッケージを正しく読み込めません。

さいごに

Listをベースに、データのやり取り編集、削除まで、アプリで一般的に使われる機能の実装を行うことができました。表示などもサクッと作れるし、これでiOSとAndroidどちらも対応できるFlutterは便利ですね~。(^^

参考

Todoアプリ概要 | Flutterで始めるアプリ開発

モバイルバージョンを終了