如何在flutter textform字段中将输入文本颜色从黑色更改为白色



我的应用程序背景颜色是黑色。因此,输入文本的颜色不可见。因此,我需要将输入文本的颜色从黑色更改为白色。

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(),
),
);   
} 

使用TextFormField 的TextStyle属性

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(),
),
);
}

TextFormField有一个可以使用的style属性。

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

要转换TextField的颜色,您可以用主题将其包围,也可以修改MaterialApp主题。

最新更新