FlutterアプリでPage Viewのログを正確に送るのは、意外と面倒です。 画面遷移だけでなく、バックグラウンドからの復帰や、前の画面に戻ってきた時など、考慮すべきタイミングが複数あります。 今回は flutter_hooks を使ったアプリの構成で、useRouteObserver と useAppLifecycleListener という2つのHookを作り、それらを組み合わせた usePageViewLogger を実装しました。 Read more

Flutter開発で使えるAndroid Studioのtipsをいくつか紹介します。 Read more

Dart 3.10では、コードをより簡潔に記述できるdot shorthandsが導入されました。 この機能を使うことで、特定のプロパティやメソッドにアクセスするコードを短縮して記述できます。 今までと書き方や見た目が結構変わるので、最初は戸惑うかもしれませんが、慣れてくるとこちらのほうが見やすいと感じるようになると思います。 Read more

今回は、Flutter 3.35 で追加されたDropdownMenuFormField について解説します。 これによって、よくある入力フォームの実装がかなり楽になるのでおすすめです。 以前のDropdownButtonを使った複雑な実装と比較しながら、DropdownMenuFormFieldがどれほど便利になったかを見ていきましょう。 Read more

Dart3.8からNull-aware elements が使えるようになり、今まで冗長だった書き方が改善されました!! 🎉 この記事では、いくつかの便利な書き方を紹介します。 Read more

FlutterでAndroid用アプリをビルドする際にエラーが起きるとします。 $ flutter build apk --release --flavor dev その時のログはこんな感じです。 Read more

go_router_builder で(Bottom) Navigation Barを扱う際のRoute指定をどのようにするのが良いのかを考えました。 バージョンは現時点での最新2.7.1で試しています。 (普段go_routerは使っていないので、もしかしたらもっと簡単にできたり、間違っている可能性もあります) Read more

Kotlinの as? 便利ですよね。 hogeがHoge型の値ならresultはHogeとして認識され、たとえばStringなど別の型だった場合はnullとして扱われます。 Read more

2024年2月16日にFlutter3.19がリリースされました。[What's new] メイントピックはGemini AI SDKかなと思うのですが、個人的に気になっているのはスクロールの改善などのImpelerによるパフォーマンスの向上です。 他にも実装が面倒なDeep linkを簡単に実装できるようになるDeepLinking web validatorや、iOSのネイティブフォントが適用されるようになった点、Adaptive Switchが追加されて、iOSネイティブと同じUIが簡単に実装できるようになっていっているのは良い流れかなと思います。 Read more

前回 はSealedクラスを使いましたが、今回はSwitchを使います。 Switch自体はDart3以前からありましたが、Dart3からは文から式に変わりました! これはかなり嬉しい進化です。 書き方はKotlinっぽいですね。 今までは変数を定義して、パターンごとに代入の必要がありましたが、Dart3からは不要になります。 他にもいろいろなパターンマッチができるようになったので紹介します。 Read more