flutter / dart 2/5

検索

2022年11月29日

[Flutter/dart] privateかつfinalなクラス変数

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

2022年4月4日

[Flutter/dart] flutter_local_notificationの通知タップ時にアプリが終了しているとタップ時の動作が動かない

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

2022年3月29日

[Flutter/dart] アプリがbackground状態の時にFirebase Messagingの通知がタップされた場合の対応

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

2022年3月29日

[Flutter/dart] null check operator used on a null value messaging

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

2022年3月23日

[Flutter/dart] Firebase Messagingのテスト送信をする

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

2021年12月22日

[Flutter/dart] Androidで他アプリとの連携ができなくなった

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

2021年11月30日

[Flutter/dart]サイズの異なる画像を並べる

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

2021年11月18日

[Flutter/dart] firebaseを開発環境と本番環境で分けてgoogle_sign_inを使用する（Android）

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

2021年10月16日

[Flutter/dart] 画像とUint8Listの間の変換方法

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

2021年10月16日

[Flutter/dart] google_fontsからnotoSansJpが消えた？

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

2021年10月16日

[Flutter/dart] ドラッグ&ドロップ可能なgridviewを作成する

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

2021年10月14日

[Flutter/dart] 'isDocument()': is not true.

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

2021年10月10日

[Flutter/dart] 画像の角を丸めて表示する

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

2021年10月10日

[Flutter/dart] 表示領域に合わせた画像の表示方法

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

2021年10月10日

[Flutter/dart]The getter 'body1' isn't defined for the class 'TextTheme'

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

2021年10月10日

[Flutter/dart] Command PhaseScriptExecution failed with a nonzero exit code

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

2021年10月9日

[Flutter/dart]画像の中心から外れた部分を切り抜く

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

2021年10月9日

[Flutter/dart]画像を楕円形に切り抜く

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

2021年10月9日

[Flutter/dart] スワイプが反応する範囲をページ全体に広げる

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

2021年10月9日

[Flutter/dart] flutter testで実行されないテストがある

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