やりたいこと
マルチラインなTextFieldでmaxLinesを設定しちゃうとその行数以上を入力したときに広がらずにスクロールする必要がある...
スクロールじゃなくて広がるようにしたい!
似たような記事を見てみるとどれもisDenseをtrueにしてcontentPaddingを設定するみたいなことしか書いてなくて、自分の実装したいこととは違ったので同じような実装をしたい人のために書き留めておきたいと思います。
やり方
ちょっとハッキーなやり方ですが、とても簡単です。
-
keyboardTypeをnullに、 -
maxLinesをnullに、 -
hintTextに好きなだけ改行を入れる
TextFormField(
keyboardType: TextInputType.multiline,
maxLines: null,
decoration: InputDecoration(
hintText: '本文\n\n\n\n\n',
),
),
注意
ただし、labelTextを併用するととても気持ち悪くなるのでやめた方がいいです。