[Flutter]TextFieldの枠線の色を変えるには？

Flutter

2021.10.01

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

TextField（テキストフィールド）の枠線の色を変えるには、どうしたらいいのでしょうか？

方法
まとめ

方法

TextField(
          decoration: InputDecoration(
                enabledBorder: OutlineInputBorder(
                　　　　　borderSide: BorderSide(color: Colors.red)
　　　　　　　　　　　　　　　),
                focusedBorder: OutlineInputBorder(
                     borderSide: BorderSide(color: Colors.red)
　　　　　　　　　　　　　　　)
　　　　　　　　　　　),
)

枠線の色は、「InputDecoration」の「enabledBorder引数」と「focusBorder引数」を使って設定します。

それぞれの引数に、「OutlineInputBorderクラス」を指定します。

この「OutlineInputBorder」の「borderSide引数」で、枠線の設定をすることが出来ます。

色の設定は、「BorderSide(color : 色)」のようにします。

枠線を付ける引数としては、「border引数」を基本的に使います。
この引数は、デフォルトの枠線を決めるものです。

「border引数」は、枠線を設定するまでは出来るのですが、色を設定するのが出来ないです（謎）。

なので、「enabledBorder引数」と「focusBorder引数」を使って、色を設定する必要があります。