概要 ユーザのデータを扱うスマホアプリにおいて、アプリ使用中の状態管理とデータ保存用の外部ストレージとをどう連携するかについて書いてみようと思います。 具体的には、アプリ内での状態管理はredux、データの保存はcloud...

概要 アプリ内でユーザに文字入力をしてもらうためのフォームを作る方法をご紹介します。 方法 新たにStatefulWidgetを作成します。なぜかというと、入力された内容に応じて「OK」ボタンを押せるかを変えたいからです。（例えばTwitterは文字数が1～140じゃないと...

概要 flutterで前のページに戻ってほしくない場合はwillPopScopeでwidgetをラップし、onWillPopに戻れないような処理を書けばいいとされています。（使い方などはこちらを参照。） ところが、この実装をしても普通に戻れてしまいます。デバッグしてみるとo...

概要 flutterの重い処理は別のisolateで行うとアプリの動作を軽くできますが、androidやios固有のコードを利用する処理（通知やセンサ情報の取得など）は別isolateではできません。 それを可能にしてくれるライブラリがflutter_isolateです。...

概要 flutter_local_notificationというライブラリを使用すると、定期的な通知を簡単に作ることができます。ただし、このライブラリで提供されているのは、毎日と毎週の定期通知のみで、毎月の定期通知を作るメソッドは用意されていません。...

概要 flutter_local_notificatonというライブラリを使うと簡単に通知を作成することができます。 しかし、通知を作成後一度アプリを切って、再度立ち上げると、通知がリセットされてしまい指定時刻になっても通知が届かなくなってしまいます。 解決策...

概要 local_notificationというライブラリを使うと通知を作成することができます。公式のサンプルではタイトルと本文しかありませんが、ラインみたいにアイコンをつけることもできます。今回は通知画面にアイコンを表示する方法を紹介します。 方法 androidの場合...

概要 flutterのlocal_notificationというライブラリを使うと、簡単に通知を作ることができます。今回は、local_notificationにおいて通知タイトルを太字にする方法を紹介します。基本的な使い方は公式サイトをご参照ください。 方法 iosの場合...

概要 アプリを作っていると、カレンダーを使う場面は多いかと思います。そんな中でも、カレンダーの日付と一緒にアイコン画像を表示したい場合があります。例えばその日の勉強時間を記録したり、デート相手の写真を表示したり、、、などです。...

概要 突然上記エラーメッセージが出てアプリが落ちる。エラーメッセージやネット上の記事にあるように WidgetsFlutterBinding.ensureInitialized(); をmainの先頭に置いても治らない。 原因と解決策...

概要 操作を軽快にするために重い処理を別のisolateで走らせたいことがあります。基本的にはcomputeメソッドを使えばいいのですが、android、iosの各platform固有のコードを利用する処理の場合はcompute関数は使えません。具体例としては、local_...

概要 Flutterでアプリ作成中に、重い処理が入るとアプリの動作が重くなってしまいます。そういう場合は別のスレッド（isolate）で処理を実行すれば動作を軽くすることができます。このように別のisolateで処理を簡単に実行してくれるのがcompute関数です。...

概要 LINE とかでよく使われる通知数を表すあのバッジ。自分のアプリでも作る必要があったので作り方を紹介します。 方法 static Widget NotificationNumberBadge(int num, Color col, [double size]) {...

概要 スマホアプリでは、画面を遷移せずにその場で浮き出てくるタイプのページがある（お知らせなどに多い）。あれをFlutterで作る方法を紹介します。 方法 SimpleDialogを使います。childrenプロパティにSimpleDialogOptionを渡すのですが、こ...

概要 ユーザの設定したデータをアプリ終了後も保持したい場合が多々あります。状態管理にreduxを用いている場合はredux_persistというライブラリを使えば簡単にデータを永続化できます。 方法 ※flutter_reduxはすでに導入されているという前提でお話します。...

現象 flutterでStack() Widgetを使うと、あるWidgetの上に別のWidgetを重ねることができる。しかし、上側のWidgetが下側のWidgetからはみ出ると、はみ出た分が途切れてしまう。 Stack( children: [...

概要 flutterでアプリのUIを作っているとき、Textと他のWidgetとの位置揃えが微妙にずれたように見える場合があります。これを調整する方法を紹介します。 詳細 Text widgetは文字だけではなくて、その上下左右の空白まで含んでいます。例えば上端揃えにする場...

概要 前回はurlスキームを使ってアプリからtwitterを開く手法を紹介しました。今回はLINEを開く手法を紹介します。 方法 flutterでurlスキームを利用する方法についてはこちらをご参照。 LINEのurlスキームはこちらに情報があります。...

現象 flutterでGoogle Payで公開用のapkを作ろうとして、flutter build apk をすると上記エラーが発生してビルドできない。 原因 build.gradleのcompileSdkVersionが28以上でないとダメらしい。...

概要 flutterでスマホアプリを作成する際、他のアプリを直接開きたい場合があります。今回は、Twitterの特定のアカウントを開く方法と、DMページを開く方法を紹介します。 方法 url_launcherパッケージを使用します。このパッケージのlaunch()メソッドの...