[flutter] TextFieldでよく使う機能/デザインメモ

よく使うのに毎回忘れるのでメモ

複数行入力する#

3行まで表示#

1
TextField(
2
  keyboardType: TextInputType.multiline,
3
  maxLines: 3,
4

5
)

行数制限なしで表示#

1
TextField(
2
  keyboardType: TextInputType.multiline,
3
  maxLines: null,
4
)

下線を表示しない#

1
TextField(
2
  decoration: InputDecoration(
3
     border: InputBorder.none,
4
  ),
5
)

プレースホルダーを表示する#

1
TextField(
2
  decoration: InputDecoration(
3
    hintText: 'プレースホルダー', // プレースホルダーに表示した文字列
4
    hintStyle: TextStyle(
5
      color: Colors.grey, // プレースホルダーの文字列の色
6
    )
7
  ),
8
),

参考：

【Flutter】TextFieldで改行する方法 | 417.Run()
Flutter TextField　デザイン　サンプル集 #UI - Qiita