プログラミング、フリーダイビング、ブロックチェーンのブログ

プログラミング道場

私がおすすめするプログラミング教材のまとめ【書籍と動画】

プログラミング言語 スクリプト言語 コンパイル言語 アプリ開発 サーバー、インフラ、セキュリティなど 機械学習系 ゲーム開発 データベース 子供向け デザイン その他 おまけ まとめ この記事では、様々な書籍を紹介しました。 是非、自分に合 ...

続きを見る

【Flutter入門】showModalBottomSheetとkeyboardの位置を調整する方法

更新日:

記事の内容


この記事では、showModalBottomSheetとkeyboardの位置を調整する方法を紹介します。
具体的には、「 isScrollControlled: true」と「SingleChildScrollView」を使います。

実装前後の比較

実装前

実装後

実装方法

「isScrollControlled」を使って、「SingleChildScrollView」でwrapして調整します。

floatingActionButton: FloatingActionButton(
  backgroundColor: Colors.lightBlueAccent,
  child: Icon(Icons.add),
  onPressed: () {
    showModalBottomSheet(
      context: context,
      isScrollControlled: true,
      builder: (context) => SingleChildScrollView(
        child: Container(
            padding: EdgeInsets.only(
                bottom: MediaQuery.of(context).viewInsets.bottom),
            child: AddTaskScreen()),
      ),
    );
  },
),

まとめ

この記事では、showModalBottomSheetとkeyboardの位置を調整する方法を紹介しました。

Good luck for your engineer life!

関連コンテンツ

-Flutter, プログラミング

Copyright© プログラミング道場 , 2020 All Rights Reserved Powered by AFFINGER4.