どうも、ちょげ(@chogetarou)です。
TextFieldに角丸の枠線を設定するには、どうしたらいいのでしょうか？
方法
Column(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
TextField(
decoration: InputDecoration(
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(10),
)),
),
TextField(
decoration: InputDecoration(
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(20),
)),
),
TextField(
decoration: InputDecoration(
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(30),
)),
)
],
)枠線の角の設定は、「OutlineInputBorderクラス」の「borderRadius引数」で行います。
OutlineInputBorder(
borderRadius: BorderRadius.circular(30),
)角の設定をした「OutlineInputBorderクラス」を、「InputDecorationクラス」の「border引数」に指定します。
これで、角丸の枠線を設定することが出来ます。
角の丸みは、「BorderRadius.circular(value)」の「value」で調整することが出来ます。（大きくするほど丸くなる）
コメント