Метод 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,
),
),
)