首页 > 解决方案 > Flutter:如何在禁用的 TextField 中更改边框颜色?

问题描述

当 Textfield 禁用时,我无法更改边框颜色。

装修设置

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),
));

文本域

 TextFormField(
          decoration: textshowad,
        enabled: false,
        initialValue: widget.titletext,
      ),

标签: flutterdartflutter-layout

解决方案


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)),
    ),
     disabledBorder : OutlineInputBorder(
      borderSide: BorderSide(color: Colors.grey,width: 2.0),
      borderRadius: BorderRadius.all(Radius.elliptical(15, 15)),
    ),
  focusedBorder: OutlineInputBorder(
  borderSide: BorderSide(color: Colors.blue, width: 2.0),
));

推荐阅读