[Flutter] TextFieldの枠線の太さを変えるには?

Flutter

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

TextFieldの枠線の太さを設定するには、どうしたらいいのでしょうか?

スポンサーリンク

方法

 TextField(
        decoration: InputDecoration(
          enabledBorder: OutlineInputBorder(
                borderSide: BorderSide(width: 10)
          ),
          focusedBorder: OutlineInputBorder(
               borderSide: BorderSide(width: 10)
          ),
        ),
  )

枠線の設定は、「OutlineInputBorderクラス」の「borderSide引数」で設定します。

枠線の「太さ」を変えたいのならば、「BorderSideクラス」の「width引数」を使います。

borderSide: BorderSide(width: 10)

枠線の設定を加えた「OutlineInputBorderクラス」を、「InputDecoration」の「enabledBorder引数」と「focusedBorder引数」に指定します。

 InputDecoration(
          enabledBorder: OutlineInputBorder(
                borderSide: BorderSide(width: 10)
          ),
          focusedBorder: OutlineInputBorder(
               borderSide: BorderSide(width: 10)
          ),
        )

枠線は、基本的に「InputBorderクラス」の「border引数」で設定します。

ですが、枠線の設定は、「border引数」だと何故か反映されないのです。

なので、enabledBorder引数」と「focusedBorder引数」を使います。

コメント

タイトルとURLをコピーしました