Flutter establece el fondo del cuadro de texto
Primero mira el efecto final:
Configuración de estilo de cuadro de texto normal
Establezca un estilo de cuadro de texto normal de la siguiente manera:
new TextField(
controller: _titleTxt,
keyboardType: TextInputType.text,//键盘类型
decoration: InputDecoration(//文本框样式设置
contentPadding: EdgeInsets.all(10.0),//内容边距
labelText: '标题',//输入框的描述文本
border: OutlineInputBorder(//边框
),
),
style: TextStyle(fontSize: 14),//字体样式
autofocus: false,
maxLines: 1,//单行文本框
),
Establecer cuadro de entrada con color de fondo
new TextField(
controller: _titleTxt,
keyboardType: TextInputType.text,
decoration: InputDecoration(
//是否填充背景色
filled: true,
//设置背景色,filled 为 true 时生效
fillColor: Color(0xfff2f2f2),
contentPadding: EdgeInsets.all(10.0),
//边框样式设置
border: _outlineInputBorder,
focusedBorder: _outlineInputBorder,
enabledBorder: _outlineInputBorder,
disabledBorder: _outlineInputBorder,
focusedErrorBorder: _outlineInputBorder,
errorBorder: _outlineInputBorder,
),
style: TextStyle(fontSize: 14),
autofocus: false,
maxLines: 1,
),
Lo más importante aquí es el atributo relleno, que debe establecerse en verdadero. Solo de esta manera puede tener efecto el color establecido por fillColor.
** PD: Para obtener más contenido emocionante, verifique -> "Desarrollo de Flutter"
** PD: Para obtener contenido más emocionante, verifique -> "Desarrollo de Flutter"
** PD: Para obtener contenido más emocionante, verifique -> "Desarrollo de aleteo"