Flutter InputDecoration - 如何将标签定位在边框上？

Question

我有带文本字段的 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？

Answer 1

我宁愿把它完全写成一个新的小部件，比如

Column(
    children:[
     Text('label'),
     TextFormField(//.....),
 ],
),

Flutter InputDecoration - 如何将标签定位在边框上？

Flutter InputDecoration - how to position the label over the border?

flutter

dart

flutter-layout

flutter-widget