[Flutter] TextFieldのプレースホルダーの文字色を変えるには？

Flutter

2021.09.30

どうも、ちょげ(@chogetarou)です。

TextField（テキストフィールド）に使うプレースホルダーの文字色を変えるにはどうしたらいいのでしょうか？

方法

@override
Widget build(BuildContext context) {
    return Scaffold(
        body: Padding(
     　　　　　　　 padding: EdgeInsets.all(20),
      　　　　　　　child: TextField(
        　　　　　　　　　　decoration: InputDecoration(
          　　　　　　　　　　　　　　hintText: "プレースホルダー",
          　　　　　　　　　　　　　　hintStyle: TextStyle(color: Colors.red),
        　　　　　　　　　　),
      　　　),
    ));
}

「InputDecoration」の「hintText引数」で、プレースホルダーのテキスト設定を行うことが出来ます。

文字色の場合は、「TextStyleクラス」の「color引数」を使います。

hintStyle: TextStyle(color: Colors.red),

方法

Youtube

コメント