flutter - 错误时更改 InputDecorationTheme 的填充颜色

Question

我想在发生错误时更改 InputFormField 的填充颜色。但是在主题中我没有找到像 errorFillColor 这样的属性。那么，当字段状态发生变化时，如何更改 InputFormField 呢？这是我的主题代码:

 inputDecorationTheme: InputDecorationTheme(
      contentPadding: const EdgeInsets.all(AppDimension.paddingLarge),
      filled: true,
      iconColor: Colors.black,
      fillColor: AppColor.greyColor.withOpacity(0.7),
      border: OutlineInputBorder(
          borderRadius: BorderRadius.circular(AppDimension.radiusLarge),
          borderSide: BorderSide.none),
      disabledBorder: OutlineInputBorder(
          borderRadius: BorderRadius.circular(AppDimension.radiusLarge),
          borderSide: BorderSide.none),
      enabledBorder: OutlineInputBorder(
          borderRadius: BorderRadius.circular(AppDimension.radiusLarge),
          borderSide: BorderSide.none),
      focusedErrorBorder: OutlineInputBorder(
          borderRadius: BorderRadius.circular(AppDimension.radiusLarge),
          borderSide: BorderSide.none),
      errorBorder: OutlineInputBorder(
          borderRadius: BorderRadius.circular(AppDimension.radiusLarge),
          borderSide: BorderSide.none),
    ),

这是我需要的:

此外，我找不到 onErrorIconColor 来更改字段图标的颜色。

谢谢!)

Answer 1

这里以 fillColor 为例。这意味着您应该遵循 iconColor 的相同原则。

fillColor: MaterialStateColor.resolveWith((Set<MaterialState> states) {
        if (states.contains(MaterialState.focused)) {
          return Colors.green;
        }
        if (states.contains(MaterialState.error)) {
          return Colors.red;
        }
        return Colors.black;
      }),

几天前我回答了一个非常相似的问题: https://stackoverflow.com/a/72871777/13263384