Flutter - showModalBottomSheetで高さが変わる入力フォームを作る

動くもの

ポイント

モーダル表示時のポイント

      showModalBottomSheet<int>(
          context: context,
          isScrollControlled: true,

isScrollControlled: true, スクロール可能にして、高さを調整できるようにします。

入力フォームのColumnのポイント

      child: Column(
        mainAxisSize: MainAxisSize.min,

mainAxisSize: MainAxisSize.min, サイズをコンテンツの要素に合わせて可変になるようにする。

最後に

入力できるようにはしたいけど、中にTextFieldを置くと画面がごちゃついてしまったり。
画面を遷移させてまで入力したくない場合に、使いたくなるかと思います。

コードはこちら