Flutter项目为导入的FlutterInputField设置属性报类型错解决方法

该报错属于典型的参数类型不匹配问题：
你使用的FlutterInputField第三方组件中，borderColor参数的定义类型为Color，仅支持接收颜色值，而你传入了InputDecoration类型的实例，和参数要求的类型完全不符，因此触发编译错误。
从组件的封装逻辑来看，这个组件已经在内部完成了InputDecoration的构造，borderColor只是它暴露给外部的单点配置项，用来统一设置边框相关的颜色，不支持直接传入完整的InputDecoration对象覆盖内部实现。

根据你的自定义需求程度，可选择对应实现方式：

仅需修改聚焦边框颜色 #

如果不需要调整边框粗细、圆角等其他样式，直接给borderColor传入对应颜色值即可，组件内部会自动将该颜色应用到聚焦边框的配置上，代码示例：

// 提前定义好需要的边框色，例如 final borderColor = Colors.blueAccent;
FlutterInputField(
  borderColor: borderColor,
  hintText: 'Enter 1st Flour Quantity',
  labelText: 'Flour Quantity',
  textFieldController: _textEditingController,
  filledColor: Colors.grey.shade200,
  onChange: (String st) {},
  prefixWidget: const Icon(Icons.fastfood),
  onDone: () {},
)

需要自定义完整聚焦边框样式（改圆角、粗细等） #

这个组件本身没有暴露传入完整InputDecoration或自定义focusedBorder的参数，如果要做深度自定义，有两种可行方案：

• 方案1：修改本地的第三方组件源码，在组件的参数定义中新增支持传入自定义InputBorder的入参，替换内部构造InputDecoration时默认的focusedBorder配置即可。
• 方案2：直接使用Flutter原生的TextField组件自行封装，不需要依赖这个第三方库，可以完全自由控制所有装饰样式，示例代码如下：

TextField(
  controller: _textEditingController,
  decoration: InputDecoration(
    hintText: 'Enter 1st Flour Quantity',
    labelText: 'Flour Quantity',
    filled: true,
    fillColor: Colors.grey.shade200,
    prefixIcon: const Icon(Icons.fastfood),
    // 完全自定义聚焦边框样式
    focusedBorder: OutlineInputBorder(
      borderRadius: BorderRadius.circular(12), // 自定义圆角
      borderSide: BorderSide(
        color: borderColor,
        width: 2, // 自定义边框粗细
      ),
    ),
    // 可同时配置未聚焦、错误等其他状态的边框
    enabledBorder: OutlineInputBorder(
      borderRadius: BorderRadius.circular(12),
      borderSide: BorderSide(color: Colors.grey.shade400),
    ),
  ),
  onChanged: (String st) {},
  onEditingComplete: () {},
)

内容的提问来源于stack exchange，提问作者Giovanni