FlutterのTextFormFieldの周りにボックスを作成する方法

方法1: BoxDecorationを使用する方法

TextFormField(
  decoration: InputDecoration(
    border: OutlineInputBorder(
      borderRadius: BorderRadius.circular(8.0), // 枠線の角の丸みを設定
      borderSide: BorderSide(color: Colors.blue), // 枠線の色を設定
    ),
  ),
)

方法2: Containerウィジェットを使用する方法

Container(
  decoration: BoxDecoration(
    border: Border.all(color: Colors.blue), // 枠線の色を設定
    borderRadius: BorderRadius.circular(8.0), // 枠線の角の丸みを設定
  ),
  child: TextFormField(
    // TextFormFieldの設定
  ),
)

これらの方法を使用すると、TextFormFieldの周りに指定した色やスタイルのボックスを作成することができます。必要に応じて、ボックスの枠線の太さや影の設定など、さまざまなスタイリングオプションを調整できます。

また、上記のコード例ではTextFormFieldの外側にボックスを作成する方法を示しましたが、TextFormField自体にもスタイルを適用することができます。例えば、背景色やテキストの色、フォントサイズなどのスタイルを設定することができます。

以上が、FlutterのTextFormFieldの周りにボックスを作成する方法の一例です。必要に応じて、さらにカスタマイズしてご利用ください。