5 способов изменить цвет границы ввода во Flutter

Чтобы изменить цвет границы ввода во Flutter, вы можете использовать различные методы. Вот некоторые часто используемые подходы:

  1. BoxDecoration: оберните виджет ввода контейнером и примените BoxDecoration, чтобы изменить цвет границы. Установите для свойства цвета BoxDecoration желаемый цвет границы.
Container(
  decoration: BoxDecoration(
    border: Border.all(color: Colors.red),
  ),
  child: TextFormField(),
)
  1. UnderlineInputBorder: используйте класс UnderlineInputBorder, чтобы изменить цвет подчеркиваемой границы TextFormField.
TextFormField(
  decoration: InputDecoration(
    enabledBorder: UnderlineInputBorder(
      borderSide: BorderSide(color: Colors.red),
    ),
  ),
)
  1. OutlineInputBorder: реализуйте класс OutlineInputBorder, чтобы настроить цвет, ширину и радиус границы TextFormField.
TextFormField(
  decoration: InputDecoration(
    enabledBorder: OutlineInputBorder(
      borderSide: BorderSide(color: Colors.red),
    ),
  ),
)
  1. Тема: используйте тему, чтобы применить одинаковый цвет границы ко всем полям ввода в вашем приложении.
MaterialApp(
  theme: ThemeData(
    inputDecorationTheme: InputDecorationTheme(
      enabledBorder: OutlineInputBorder(
        borderSide: BorderSide(color: Colors.red),
      ),
    ),
  ),
)
  1. Пользовательский InputDecorator: создайте собственный виджет InputDecorator и укажите в нем цвет границы.
InputDecorator(
  decoration: InputDecoration(
    border: OutlineInputBorder(
      borderSide: BorderSide(color: Colors.red),
    ),
  ),
  child: TextFormField(),
)