[英]how to change background color textformfield in flutter when error condition?
出现错误时如何更改 flutter 中的背景颜色文本框?
这是我的代码
class FormData 扩展 StatefulWidget{
@覆盖
FormDataState createState() => FormDataState();
}
class FormDataState 扩展状态{
final formKey = GlobalKey<FormState>();
TextEditingController _accidentCtrl = TextEditingController();
TextEditingController _passCtrl = TextEditingController();
bool kondisiObscure = true;
bool inputteks = false;
void validateAndSave() {
final FormState form = formKey.currentState;
if (form.validate()) {
inputteks = false;
} else {
inputteks = true;
}
}
Padding(
padding: const EdgeInsets.only(top: 25, right: 25, left: 25),
child: Container(
width: 315,
decoration: BoxDecoration(
color: Color(0xffF2F3F5),
borderRadius: BorderRadius.circular(8),
),
child: TextFormField(
validator: (value) {
if (value.isEmpty) {
return 'Harap diisi';
}
else{
inputteks = false;
}
},
textAlign: TextAlign.start,
decoration: InputDecoration(
fillColor: Color(0xfffaebeb),
filled: inputteks,
contentPadding: EdgeInsets.all(12),
border: InputBorder.none,
focusedBorder: new OutlineInputBorder(
borderRadius: new BorderRadius.circular(10.0),
borderSide: BorderSide(color: Color(0xff3F8AE0) ),
),
enabledBorder: new OutlineInputBorder(
borderRadius: new BorderRadius.circular(10.0),
borderSide: BorderSide(color: Colors.black12, width: 1),
),
errorBorder: new OutlineInputBorder(
borderRadius: new BorderRadius.circular(10.0),
borderSide: BorderSide(color: Color(0xffE64646) ),
),
disabledBorder: InputBorder.none,),
autofocus: true,
controller: _accidentCtrl,
onChanged: (String value) {
formProvider.namatext(value);
_accidentCtrl.selection = TextSelection.fromPosition(TextPosition(offset: _accidentCtrl.text.length));
},
),
),
),
Container(
width: 200,
height: 40,
child: RaisedButton(
onPressed: validateAndSave,
color: ungu,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(17),
),
child: Text(
'Submit', style: putihstyle.copyWith(
fontSize: 16,),
),
),
),],
),
),
),
对不对? 因为在文本字段中没有显示背景色
设置inputteks
时需要使用 setState 。 只需将您的 validateAndSave 方法更改为:
void validateAndSave() {
final FormState form = formKey.currentState;
setState(() {
inputteks = !form.validate()
});
}
您还需要在 TextFormField 的 onChanged 中使用 setState。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.