Flutter InputDecoration - 如何将标签定位在边框上?
Flutter InputDecoration - how to position the label over the border?
我有带文本字段的 Flutter 应用程序。我需要像这张照片一样将标签放在边框上方。
我有两个选择:
1.write 这完全是一个新的小部件
2.use TextFormField + InputDecoration
我试了第二种方式,这是我的代码:
TextFormField(
controller: _controller,
decoration: InputDecoration(
border: OutlineInputBorder(
borderRadius: BorderRadius.zero,
borderSide: BorderSide(color: AppColors.borderColor, width: 1.0),
),
floatingLabelBehavior: FloatingLabelBehavior.always,
labelText: widget.hint
));
但是我无法达到预期的效果。
这是可能的还是只有选项 1?
我宁愿把它完全写成一个新的小部件,比如
Column(
children:[
Text('label'),
TextFormField(//.....),
],
),
我有带文本字段的 Flutter 应用程序。我需要像这张照片一样将标签放在边框上方。
我有两个选择:
1.write 这完全是一个新的小部件
2.use TextFormField + InputDecoration
我试了第二种方式,这是我的代码:
TextFormField(
controller: _controller,
decoration: InputDecoration(
border: OutlineInputBorder(
borderRadius: BorderRadius.zero,
borderSide: BorderSide(color: AppColors.borderColor, width: 1.0),
),
floatingLabelBehavior: FloatingLabelBehavior.always,
labelText: widget.hint
));
但是我无法达到预期的效果。 这是可能的还是只有选项 1?
我宁愿把它完全写成一个新的小部件,比如
Column(
children:[
Text('label'),
TextFormField(//.....),
],
),