RのWeb制作

Webサービス制作のための技術情報を。データ分析(Python、機械学習コンペ他)や自作野球ゲームMeisyoのこと中心。

モバイル制作 Flutter

【Flutter】ToDoアプリの作成

投稿日:2022年4月2日 更新日:

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で始めるアプリ開発

-モバイル制作, Flutter

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

「1人で遊べる最もシンプルな脳活ゲーム NEXT CARD」制作しました

皆さま、お疲れ様です( ^o^) だいぶ更新間隔が空きましたが、いかがお過ごしでしょうか。 ゲーム紹介 今回はMeisyoとは異なる別の制作物を作っていました。 珍しくトランプカードゲームです。 1人 …

Xcode13以降で起こる「info.plistが見えない」「作成できない」不具合に対応する

なぜかinfo.plistが見えない問題があるので、備忘として書き残しておく。 (1)プロジェクトのxcodeprojectファイルをXcodeで開く (2)該当Project選択 (3)TARGET …

【Flutter】動画配信アプリの作成(2022年版・無料)

はじめに とあるきっかけから動画撮影・個別配信アプリを作りたいなということでいろいろなサイトで調べていました。 が・・・配信アプリ作成がうまく行かない。 例) ローカルネットワークでライブ配信する(2 …

ゲームアプリ運営の分析ノウハウ vol.2 新規登録者編

はじめに アプリ開発者によくある悩み・・・登録者がゲームを続けてくれません!!。 続けてくれないをより細かく言うと、(1)コンテンツを一通りプレイしてもらいたいのか、(2)毎日プレイしてほしいのかによ …

【Flutter】(初心者向け)カメラ・動画アプリを理解しながら作る

今回の記事はモバイルのカメラ&動画撮影アプリをまず動かしてみて、何を実装しているのか解説・理解しながら、作成を進めるコンセプトで進めていきます。 なぜなら、この記事の著者はとあるきっかけからモバイル( …