繁体   English   中英

如何更改 Flutter InputDecoration 中的错误文本背景颜色

[英]How to change errorText background color in Flutter InputDecoration

我正在尝试使用验证器验证我的 TextFormField。 它有效,但我无法更改此错误文本的背景颜色。 我已经在尝试 errorStyle,但这个选项只能设置文本的样式。

@override
  Widget build(BuildContext context) {
    return Material(
      elevation: 3,
      borderRadius: BorderRadius.circular(25),
      child: TextFormField(
        autocorrect: false,
        obscureText: this.isPassword != null ? this.isPassword : false,
        controller: controller,
        autofillHints: (this.autofillHint != null) ? [ this.autofillHint ] : [],
        style: TextStyle(color: AppColors.getBlackColor(context)),
        keyboardType: keyboardType,
        validator: (value) => value.isEmpty ? 'Field is required' : null,
        autovalidateMode: AutovalidateMode.always,
        decoration: InputDecoration(
          filled: true,
          fillColor: (AppColors.isDarkMode(context)) ? AppColors.darkModeWitheAccent : Colors.white,
          hintText: hintText,
          hintStyle: TextStyle(color: Colors.grey),
          border: OutlineInputBorder(
            borderSide: BorderSide.none,
            borderRadius: BorderRadius.circular(50),
          ),
          enabledBorder: OutlineInputBorder(
            borderSide: BorderSide.none,
            borderRadius: BorderRadius.circular(25.0),
          ),
          focusedBorder: OutlineInputBorder(
            borderSide: BorderSide(color: AppColors.blue, width: 2.0),
            borderRadius: BorderRadius.circular(25.0),
          ),
        ),
      ),
    );
  }

结果

更改父容器的颜色,在本例中为Material小部件

Material(
  elevation: 3,
  borderRadius: BorderRadius.circular(25),
  color: Colors.black,
  child: TextFormField(
    autocorrect: false,
    validator: (value) =>
    (value?.isEmpty ?? false) ? 'Field is required' : null,
    autovalidateMode: AutovalidateMode.always,
    decoration: InputDecoration(
      filled: true,
      fillColor: Colors.amber,
    ),
  ),
);

样品: https://www.dartpad.dev/777892f64e0aa5d36e0995ed5ca00f68?null_safety=true

在此处输入图像描述

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM