这就是我想做的:
在Flutter文本字段文档(https://flutter.io/text-input/)中，它说你可以通过将null传递给装饰来删除下划线。然而，这也摆脱了提示文本。
我不希望任何下划线文本字段是否集中。
更新:更新的接受答案，以反映截至2020年4月Flutter SDK的变化。
当前回答
我发现没有其他答案给出边界半径，你可以简单地这样做，没有嵌套的容器
TextField(
decoration: InputDecoration(
border: OutlineInputBorder(
borderSide: BorderSide.none,
borderRadius: BorderRadius.circular(20),
),
),
);
其他回答
删除下划线边框:InputBorder.none
对于提示，使用hintText: ' hintText '
TextFormField(
InputDecoration(
border: InputBorder.none,
hintText: 'Hint Text',
),
),
TextField(样式:TextStyle(颜色:颜色。black45,fontSize: 18,decorationThickness: 0.0)))它显示没有下划线与decorationThickness:0.0。
默认的
Container(
padding: const EdgeInsets.all(20),
child: const TextField(
decoration: InputDecoration(
border: UnderlineInputBorder(), hintText: "Search Your tips"),
),
),
外框
Container(
padding: const EdgeInsets.all(20),
child: TextField(
decoration: InputDecoration(
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(40),
),
hintText: "Search Your tips",
),
),
),
没有边界
Container(
padding: const EdgeInsets.all(20),
child: const TextField(
decoration: InputDecoration(
border: InputBorder.none, hintText: "Search Your tips"),
),
),
我发现没有其他答案给出边界半径，你可以简单地这样做，没有嵌套的容器
TextField(
decoration: InputDecoration(
border: OutlineInputBorder(
borderSide: BorderSide.none,
borderRadius: BorderRadius.circular(20),
),
),
);
新的Flutter SDK，因为在集成了web和桌面支持之后，你需要像这样单独指定:
TextFormField(
cursorColor: Colors.black,
keyboardType: inputType,
decoration: InputDecoration(
border: InputBorder.none,
focusedBorder: InputBorder.none,
enabledBorder: InputBorder.none,
errorBorder: InputBorder.none,
disabledBorder: InputBorder.none,
contentPadding:
EdgeInsets.only(left: 15, bottom: 11, top: 11, right: 15),
hintText: "Hint here"),
)
