概要 dartであるクラスに変数を追加するとします。 private（外部からアクセスさせたくない） コンストラクタの引数を参照して値を決定 上記で一度値を設定したらその後変更はない このような場合、この変数はfinalとしたいですね。 この方法を紹介します。 方法...

現象 flutter_local_notificationを使って通知を作成。通知タップ時の動作も登録。 通知が来た時にアプリが立ち上がっている（foregroundでもbackgroundでも）と、期待通りの動作となる。...

概要 Firebase Messagingでメッセージを送信し、通知がタップされたら何らかの動作を実行する（例：特定のページに移動する）という場合は多いかと思います。 通知タップ時にアプリがforeground状態（つまりアプリを開いている）ならば簡単なのですが、アプリがb...

現象 FirebaseMessaging.onBackgroundMessage()でタイトルのエラーが発生。 原因と解決策 上記メソッドの引数に渡すデリゲートはトップレベル関数でなければならない。自分の場合はインスタンスメソッドを渡していたのでエラーとなった。...

概要 Firebase Messagingを使用する場合、自分のデバイスにテスト送信をするかと思います。 少し手間取ったのでやり方をまとめておきます。 方法 テストメッセージの送信方法 テストメッセージはfirebaseのコンソールのCloud Messaging >...

現象 ある時を境にアプリから別のアプリを開けなくなった。 より具体的には、自分のアプリではブラウザアプリでwebサイトを開いたり、メールアプリで僕に連絡したりできるのだが、それがエラーを出すようになっていた。 現象詳細 url_launcherというパッケージを使用して、以...

概要 スマホアプリで、画面上に画像を並べることは多いと思います。 ユーザがアップロードした画像や、ネット上からダウンロードしてきた画像を表示する場合は、画像のサイズが揃っていないことが多いです。 ツイッターのように1列で並べるならさほど問題ではないでしょう。幅を決めて、それ...

概要 firebaseを使用している場合、開発用の環境と本番用の環境を分けたいですよね。 Flutterの場合は基本的にはこの記事を見て設定してもらえばいいのですが、Androidのgoogle_sing_inで躓きました。 詳細...

概要 flutterで画像を編集する際はimageというライブラリが便利です。 このライブラリは画像を扱う際にUint8Listという型で画像データを使用します。 そこで、今回は画像を読み込んでUint8Listに変換する方法、Uint8Listのデータを画像として保存する...

現象 自分はflutterでアプリを作る際、日本語のフォントにはgoogle_fontsのnotoSansJpを使用しています。 先日、google_fontsをバージョン1系から2系にアップデートしたところ、notoSansJpを指定しているところが急にコンパイルエラーに...

概要 アプリ内にgridviewを配置する事は多いと思いますが、それらをドラッグ&ドロップできるようにしたくなりました。 そんな場合はdrag_and_drop_gridviewを使いましょう。 方法 基本 まずはライブラリをインストール...

現象 firestoreにデータを保存しようとしたら下記のエラーが発生 Unhandled Exception: 'package:cloud_firestore_platform_interface/src/internal/pointer.dart': Failed...

概要 アプリ内で画像を表示する際、元画像の角を丸めて表示したい場合もありますよね。 そこで、今回はそんな方法を紹介します。 方法 まずはそのまま表示した場合はこうなります。 Widget _myImg(){ return...

概要 アプリで画像を表示させたい場合に、表示する領域に合わせて画像を表示する方法を解説します。 方法 1 縦横比はそのままに画面いっぱいに表示 width無限大のSizedBoxにimageを入れます。 Widget _myImg(){ return SizedBox(...

現象 flutterを2.5.1にアップデートしたらタイトルのエラーが発生。 エラーログを辿ると、原因はcharts-flutterらしい。 原因と対応 flutterはバージョンアップに伴いいくつかのdupricatedだったものがエラーになるようになった。...

現象 MacでFlutterプロジェクトを開発中。Flutterを2.5.1にアップデートしたらXcodeでタイトルのエラーが発生してビルドできない。 原因と対応 flutter_reduxのバージョンが古かった。 Xcodeでエラーログを遡ってみると、下記のエラーが直接の...

概要 Flutterで画像を円形に切り抜く場合、CircleAvatorを使うかと思います。 CircleAvatorは画像全体が入るように円の半径と中心を決めますが、違う方法で切り抜きたい場合もあります。 例えば、人の写真を切り抜く場合、全身が入るように縮小するよりも、顔...

概要 スマホアプリ上に画像を表示する際、元画像を切り抜いて表示することも多いと思います。 円形に切り抜く場合はCircleAvatorを使いますが、元画像が縦長の場合は楕円形に切り抜きたいこともあるでしょう。その方法について解説します。 方法 ClipOvalを使います。...

概要 スマホアプリで、ページ全体をスワイプの対象とする方法について説明します。 方法 GestureDetectorでスワイプを実装する場合、スワイプに反応するのはその子Widgetの領域です。 そのため、下の例のように書くと、子Widgetが小さい場合に画面下の方でスワイ...

概要 作成したテストをflutter testで一気に実行使用としたが、一部実行されていないテストがある（わざと失敗させても通ってしまう）。 Android StudioのGUIで個別に指定すればちゃんと実行できている。 原因と解決策 flutter...