J'ai essayé de définir la décoration d'entrée pour changer la couleur de soulignement de l'entrée TextField. Mais ça ne marche pas. quelqu'un peut-il suggérer ce qui me manque ici?
Voici l'extrait de code:
decoration: InputDecoration(
hintText: 'Username',
hintStyle: TextStyle(color: Colors.white),
border: new UnderlineInputBorder(
borderSide: BorderSide(color: Colors.white,
width: 1.0, style: BorderStyle.none ),
),
decoration: InputDecoration(
hintText: 'Username',
hintStyle: TextStyle(color: Colors.white),
enabledBorder: new UnderlineInputBorder(
borderSide: BorderSide(
color: Colors.white,
width: 1.0,
style: BorderStyle.none
),
),
),
Changez simplement border en enabledBorder
. J'espère que cette aide!
Nous devons utiliser à la fois enabledBorder
et focusedBorder
.
enabledBorder
: Cela fonctionnera lorsque TextField
n'a pas de focus.focusedBorder
: Cela fonctionnera lorsque TextField
aura le focus.enabledBorder: new UnderlineInputBorder(
borderSide: BorderSide(
color: Colors.black
),
),
// and:
focusedBorder: new UnderlineInputBorder(
borderSide: BorderSide(
color: Colors.black
),
),
Juste utilisé -:
decoration: InputDecoration(
focusedBorder: UnderlineInputBorder(
borderSide: BorderSide(color: Colors.cyan),
),
),
ça marche pour moi :)
Vous devez mettre la hiérarchie des widgets sous MaterialApp.
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
title: 'Flutter WebView Demo',
theme: new ThemeData(
primarySwatch: Colors.blue,
),
home: new Container(
**//put widget here.**
));
}
}
Vous pouvez envelopper votre TextField
dans Theme
et changer accentColor
comme:
Theme(
data: Theme.of(context).copyWith(accentColor: Colors.red),
child: TextField(),
)
child: TextField(
controller: email,
enabled: true,
keyboardType: TextInputType.emailAddress,
decoration: InputDecoration(
filled: true,
fillColor: Color(0xFFF2F2F2),
enabledBorder: new OutlineInputBorder(
borderSide: new BorderSide(color: Colors.orange)),
focusedBorder: OutlineInputBorder(
borderSide: BorderSide(color: Colors.orange),
),
hintText: ' Email ',
icon: Icon(
Icons.email,
color: Colors.orange,
size: 30.0,
),
)
)