やりたいこと
マルチラインな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
を併用するととても気持ち悪くなるのでやめた方がいいです。