Методы создания контурного текстового поля во Flutter

Метод 1: использование OutlineInputBorder

TextField(
  decoration: InputDecoration(
    border: OutlineInputBorder(
      borderSide: BorderSide(
        color: Colors.blue,
        width: 2.0,
      ),
    ),
    labelText: 'Outlined Text Field',
  ),
)

Метод 2: использование OutlineInputBorderс пользовательским borderRadius

TextField(
  decoration: InputDecoration(
    border: OutlineInputBorder(
      borderRadius: BorderRadius.all(
        Radius.circular(10.0),
      ),
      borderSide: BorderSide(
        color: Colors.blue,
        width: 2.0,
      ),
    ),
    labelText: 'Outlined Text Field',
  ),
)

Метод 3: использование UnderlineInputBorderс InputBorder.none

TextField(
  decoration: InputDecoration(
    enabledBorder: UnderlineInputBorder(
      borderSide: BorderSide(
        color: Colors.blue,
        width: 2.0,
      ),
    ),
    focusedBorder: UnderlineInputBorder(
      borderSide: BorderSide(
        color: Colors.blue,
        width: 2.0,
      ),
    ),
    labelText: 'Outlined Text Field',
  ),
)

Метод 4. Использование Containerс borderи borderRadius

Container(
  decoration: BoxDecoration(
    border: Border.all(
      color: Colors.blue,
      width: 2.0,
    ),
    borderRadius: BorderRadius.all(
      Radius.circular(10.0),
    ),
  ),
  child: TextField(
    decoration: InputDecoration(
      labelText: 'Outlined Text Field',
      border: InputBorder.none,
    ),
  ),
)