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内でメソッドとして実行しているので、

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

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

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


投稿日

カテゴリー:

投稿者:

タグ:

コメント

“Custom dialog on Method by Flutter” への4件のフィードバック

  1. python kodのアバター

    Sizde python konusunda uzmanlaşmak isterseniz örnek Python ile hesap makinesi kodları sayfamıza bakabilirsiniz.

  2. kathleenのアバター

    Feel free to join me on a naked nature walk. http://prephe.ro/Phqn

  3. vds sunucuのアバター

    vds pakettleri ve hakkında ki yazılar için yazımızı okuyunuz vds

  4. vds kiralamaのアバター

    vds pakettleri ve hakkında ki yazılar için yazımızı okuyunuz vds

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です