Flutter中如何修改禁用状态下TextField的边框颜色

解决方案 #

Flutter的InputDecoration提供了专门对应禁用状态的边框配置属性disabledBorder，你之前的配置中没有指定该属性，所以禁用状态下无法生效自定义边框样式。

修改后的装饰配置代码 #

const textshowad = InputDecoration(
    labelText: 'Title',
    contentPadding: EdgeInsets.only(left: 40.0,top: 20.0,right: 20.0,bottom: 20.0),
    border: OutlineInputBorder(
      borderSide: BorderSide(color: Colors.purple,width: 2.0),
      borderRadius: BorderRadius.all(Radius.elliptical(15, 15)),
    ),
  focusedBorder: OutlineInputBorder(
  borderSide: BorderSide(color: Colors.blue, width: 2.0),
  ),
  // 新增禁用状态边框配置，颜色可按需求修改
  disabledBorder: OutlineInputBorder(
    borderSide: BorderSide(color: Colors.grey, width: 2.0),
    borderRadius: BorderRadius.all(Radius.elliptical(15, 15)),
  ),
);

补充说明 #

如果需要同步调整禁用状态下的标签、提示文字颜色，还可以搭配disabledLabelStyle、disabledHintStyle属性实现对应自定义，原有TextFormField的配置不需要改动。

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