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