Custom dialog on Method by Flutter

こんにちはEveryDaySoft代表の永田です。

今回はカスタムダイアログを使用して、TextFieldをカスタマイズしてみました。

カスタムマイズのカスタムマイズです。

https://github.com/DaisukeNagata/flutter_application_dialog/blob/feature/keyboard_version/

全デバイス共通でキーボードの開閉に追随してwidgetがアニメーションしつつ、座標が変化してもボタン操作は有効です。

アニメーション量もなるべく、最小コードで実装してます。

MediaQuery.of(context).viewInsets.bottomはキーボードの高さです。 値を付与してます。

StreamBuilderを使用して、widgetの階層違いを貫通させて、リビルドさせてます。

利点は、TextFormFieldのonTap内でメソッドとして実行しているので、

リビルド時に必要なだけ実行し、影響範囲を限定できるところです。

メソッドとして扱えるので、共通化もしやすいです。

貴重なお時間、お読みくださいまして誠にありがとうございます。