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

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

複数行入力する
1. 3行まで表示
2. 行数制限なしで表示
下線を表示しない
プレースホルダーを表示する

複数行入力する

3行まで表示

TextField(
  keyboardType: TextInputType.multiline,
  maxLines: 3,

)

行数制限なしで表示

TextField(
  keyboardType: TextInputType.multiline,
  maxLines: null,
)

下線を表示しない

TextField(
  decoration: InputDecoration(
     border: InputBorder.none,
  ),
)

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

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

参考：

【Flutter】TextFieldで改行する方法

以下2行を追加 keyboardType: TextInputType.multiline, maxLines: null, 使い方 const TextField( style: TextStyle(fontSize: ...

Flutter TextField　デザイン　サンプル集 - Qiita

前書き「あれ、TextFieldであの表現...どうするんだっけ...」となった時にでもこの記事を参照していただけますと幸いです。参考サイト…