flutter 自定义外边框的颜色圆角

需求是定义一个全边框的输入框，一开始用到了OutlineInputBorder ，但是发现并不好使child: TextField(maxLines: 1,decoration: InputDecoration(hintText: "您的登录密码",border: OutlineInputBorder(borderSide: BorderSide(color: AppColor.color_ff0

hswizy

1855人浏览 · 2020-08-17 20:08:22

hswizy · 2020-08-17 20:08:22 发布

需求是定义一个全边框的输入框，一开始用到了OutlineInputBorder ，但是发现并不好使

child: TextField(
   maxLines: 1,
   decoration: InputDecoration(
   hintText: "您的登录密码",
   border: OutlineInputBorder(
   borderSide: BorderSide(color: AppColor.color_ff0000, width: 2, style: BorderStyle.solid),
   borderRadius: BorderRadius.circular(8),
   ),
   prefixIcon: Icon(Icons.search),
   contentPadding: EdgeInsets.all(0)
   ),
),

除了圆角能更改，BorderSide完全没有效果。
最终选择在外面套一层，通过设置父布局的边框实现。

Container(
    height: 36,
    child: TextField(
    maxLines: 1,
    decoration: InputDecoration(
        hintText: "您的登录密码",
        border: InputBorder.none,
        prefixIcon: Icon(Icons.search),
        contentPadding: EdgeInsets.all(0)
         ),
         ),
    decoration: BoxDecoration(
    borderRadius: BorderRadius.circular(8),
            border: Border.all(
                     width: 1,
                     style: BorderStyle.solid,
                     color: AppColor.color_ff0000),
       )
  )