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

Question

我有带有文本字段的颤振应用程序。我需要像这张图片一样将标签放置在边框上方。

我有两个选择：

1.把它完全写成一个新的小部件

2.使用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？

标签： flutterdartflutter-layoutflutter-widget

Answer 1

我更喜欢把它完全写成一个新的小部件，比如

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