Как изменить цвет входного текста с белого на чёрный в текстовом поле - PullRequest
Новая
       60

Как изменить цвет входного текста с белого на чёрный в текстовом поле

0 голосов
/ 21 марта 2020

цвет фона моего приложения черный, поэтому цвет текста ввода не виден, поэтому мне нужно изменить цвет текста ввода с черного на белый 

Widget showPasswordInput() {
    return Padding(
      padding: const EdgeInsets.fromLTRB(0.0, 15.0, 0.0, 0.0),
      child: new TextFormField(
        maxLines: 1,
        cursorColor: Colors.white,
        obscureText: true,
        autofocus: false,
        decoration: new InputDecoration(
          labelStyle: TextStyle(color: Colors.white),
            hintText: 'Password',
            hintStyle: TextStyle(color:Colors.white),
            icon: new Icon(
              Icons.lock,
              color: Colors.white,
            )),
        validator: (value) => value.isEmpty ? 'Password can\'t be empty' : null,
        onSaved: (value) => _password = value.trim(),
      ),
    );   
}

Ответы [ 2 ]

0 голосов
/ 21 марта 2020

Использовать свойство TextStyle TextFormField 

  Widget showPasswordInput() {
    return Padding(
      padding: const EdgeInsets.fromLTRB(0.0, 15.0, 0.0, 0.0),
      child: new TextFormField(
        style: TextStyle(color: Colors.white),
        maxLines: 1,
        cursorColor: Colors.white,
        obscureText: true,
        autofocus: false,
        decoration: new InputDecoration(
            labelStyle: TextStyle(color: Colors.white),
            hintText: 'Password',
            hintStyle: TextStyle(color:Colors.white),
            icon: new Icon(
              Icons.lock,
              color: Colors.white,
            )),
        validator: (value) => value.isEmpty ? 'Password can\'t be empty' : null,
        onSaved: (value) => _password = value.trim(),
      ),
    );

  }
0 голосов
/ 21 марта 2020

TextFormField имеет свойство style, которое вы можете использовать. 

TextFormField(
   ...
   style: TextStyle(color: Colors.white),
)

Чтобы преобразовать цвет TextField, его можно окружить темой или изменить тему MaterialApp.

...