这就是我想做的:
在Flutter文本字段文档(https://flutter.io/text-input/)中,它说你可以通过将null传递给装饰来删除下划线。然而,这也摆脱了提示文本。
我不希望任何下划线文本字段是否集中。
更新:更新的接受答案,以反映截至2020年4月Flutter SDK的变化。
这就是我想做的:
在Flutter文本字段文档(https://flutter.io/text-input/)中,它说你可以通过将null传递给装饰来删除下划线。然而,这也摆脱了提示文本。
我不希望任何下划线文本字段是否集中。
更新:更新的接受答案,以反映截至2020年4月Flutter SDK的变化。
当前回答
删除下划线边框:InputBorder.none
对于提示,使用hintText: ' hintText '
TextFormField(
InputDecoration(
border: InputBorder.none,
hintText: 'Hint Text',
),
),
其他回答
decoration: InputDecoration(
border:OutLineInputBorder(
borderSide:BorderSide.none
bordeRadius: BordeRadius.circular(20.0)
)
)
这样做:
TextField(
decoration: new InputDecoration.collapsed(
hintText: 'Username'
),
),
或者如果你需要其他东西,如icon,设置边界InputBorder.none
InputDecoration(
border: InputBorder.none,
hintText: 'Username',
),
),
将焦点边框更改为none
TextField(
decoration: new InputDecoration(
border: InputBorder.none,
focusedBorder: InputBorder.none,
contentPadding: EdgeInsets.only(left: 15, bottom: 11, top: 11, right: 15),
hintText: 'Subject'
),
),
要在Flutter中删除TextField下划线,您可以简单地使用InputBorder.none。
TextField(
decoration: InputDecoration(
hintText: 'Hint Text',
border: InputBorder.none,
),
)
删除下划线边框:InputBorder.none
对于提示,使用hintText: ' hintText '
TextFormField(
InputDecoration(
border: InputBorder.none,
hintText: 'Hint Text',
),
),