颤振:轮廓输入边框

时间:2019-01-11 09:21:27

标签: dart flutter textfield

我正在尝试为文本字段构建边框,例如:

return TextField(
  ...
 border: OutlineInputBorder(
  borderSide: BorderSide(
   color: Colors.red, 
    width: 5.0),
    )
  )
)

但是它总是返回宽度为1.0的黑色边框。 我发现改变颜色的唯一方法是创建一个ThemeData,在其中指定提示颜色,但是找不到改变宽度的方法。

3 个答案:

答案 0 :(得分:8)

您要寻找的是-enabledBorder的{​​{1}}属性。

如果要更改焦点使用边框-InputDecoration

focusedBorder

答案 1 :(得分:3)

您可以使用 Container 为文本字段设置边框。将 TextField 作为子元素添加到具有 Container 和边框属性的 BoxDecoration

  Container(
      margin: EdgeInsets.all(10),
      padding: EdgeInsets.all(10),
      decoration: BoxDecoration(
        color: Colors.white,
        border: Border.all(
            color: Colors.red,// set border color
            width: 3.0),   // set border width
        borderRadius: BorderRadius.all(
            Radius.circular(10.0)), // set rounded corner radius
      ),
      child: TextField(
        decoration: InputDecoration(
          hintText: 'Label text',
          border: InputBorder.none,
        ),
      ),
    )

enter image description here

答案 2 :(得分:0)

对于来这里只想要一个带有边框的 TextField 的其他人:

TextField(
  decoration: InputDecoration(
    border: OutlineInputBorder(),
  ),
),