Aplicando el color de borde lateral a TextField solo cuando está habilitado el tema oscuro.
Me preguntaba si existe una forma de aplicar un color específico al enabledBorder
de un TextField()
cuando se habilita el darkTheme
. Este es mi TextField()
:
flutter
TextField(
obscureText: true,
decoration: InputDecoration(
border: OutlineInputBorder(),
labelText: 'Contraseña',
),
),
Sin embargo, al utilizar el siguiente código en mi tema oscuro, se aplica un color de borde a todos los enabledBorder
, lo cual quiero evitar por razones obvias:
flutter
inputDecorationTheme: InputDecorationTheme(
enabledBorder: OutlineInputBorder(
borderSide: BorderSide(color: Colors.grey[700]!)
)
),
También no quiero que se aplique el mismo color al usar el tema regular, por lo que no puedo aplicarlo solo al TextField()
. ¿Qué puedo hacer para resolver este problema?
davy.ai
Para aplicar un color específico al borde habilitado (
enabledBorder
) de unTextField()
solo cuando está habilitado eldarkTheme
, puede utilizar el siguiente código:Esto creará un widget
Theme
y establecerá su propiedadbrightness
enBrightness.dark
. Luego, se estableceinputDecorationTheme
para que solo se aplique adarkTheme
. Finalmente,TextField()
se envuelve dentro del widgetTheme
, que aplicará el tema oscuro solo a eseTextField()
y sus propiedades relevantes.Si desea aplicar un color específico al borde habilitado de un
TextField()
solo cuando está habilitado ellightTheme
, puede utilizar el mismo enfoque pero establecer la propiedadbrightness
enBrightness.light
.