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

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

関連記事

UnityでiOS版をリリースする際に、FirebaseとXCode16を組み合わせると起こるビルドエラー「unsupported option ‘-G’ for target ‘arm64-apple-iosXX.X’」への対応

はじめに こちらのポストがワイにも役に立ったので、「実際どうするの?」ということも含めて書いておこうと思う。 Unity + firebase x Xcode16で、こんなエラーunsupported …

【生成AIテスト記事】Unity運営に関する各種プラットフォーム(Google, Apple, Unity)の情報公開可否

Deep Researchすげえ、ってことで ”「禁止」とされている所はやらず、「許可」とされているところは自分で調べて実行する”でいいんじゃないかな。 調べる手間の削減っていいよね、という生成AIの …

【Flutter】Googleアカウント認証SHA-1キーのためにkeytoolを使えるようにする

FlutterのGoogleアカウントでの認証(Authentication)のためにSHA-1キーが必要です。ただし、簡単に取得ができません。そのため、下記を参考にして進めます。 Google Au …

C# 最適化による読み込み速度向上実験

ゲーム 監督たちの甲子園(仮)で、オーダー設定を作っています。 ただ、動作がクソ重いので最適化でどれくらい重いのか、最適化するとどうなるのか比較したいと思います。 動作イメージは下記の通りです。 動画 …

ゲームアプリ運営の分析ノウハウ vol.3 この状態のアプリはやべえ編

はじめに 皆さんお久しぶりです。れいです。 近しい友人(アプリ運営を長年経験)が転職することになり、色々話してみましたがやべえ状態ってあるんやなと思ったので共有します。 これは…他山の石としてください …