web-dev-qa-db-fra.com

Comment changer la couleur de soulignement de textField en flutter?

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 ),
    ),
10
venu gopal Gupta
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!

8
congle

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
  ),
),
4
jitsm555

Juste utilisé -:

decoration: InputDecoration(        
  focusedBorder: UnderlineInputBorder(      
    borderSide: BorderSide(color: Colors.cyan),   
  ),    
),

ça marche pour moi :)

2
GJJ2019

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.**
        ));
  }
}
1
Sunil

Vous pouvez envelopper votre TextField dans Theme et changer accentColor comme:

Theme(
  data: Theme.of(context).copyWith(accentColor: Colors.red),
  child: TextField(),
)
0
CopsOnRoad
 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,
                    ),


                  )

                )
0