flutter 中是否有一个小部件来显示一个带有嵌入其边框的标签的容器？

Question

我尝试创建一个在其边界中嵌入标签的小部件，方法是使用堆栈将容器和边界中的另一个容器位置组合起来。但是，结果不是很干净，因为我需要在两个容器中填充不同的颜色。

我正在尝试创建的 Flutter 小部件

Answer 1

使用 TextField 可以创建一个小部件，它可以容纳文本并具有嵌入文本的边框。

TextField(
  decoration: InputDecoration(
    label: Text("label", style: TextStyle(color: Colors.black),),
    disabledBorder: OutlineInputBorder(
      borderSide: BorderSide(color: Colors.blue, width: 2)
    ),
    isDense: true,
    enabled: false
  ),
  controller: TextEditingController(text: "some Text"),
)

TextField 的图片

Answer 2

试试这个

TextField(
 decoration: InputDecoration(
 hintText: "Hint text here",
 floatingLabelBehavior: FloatingLabelBehavior.always,   
  label: Text("label",
   style: TextStyle(
     color: Colors.black),),
  disabledBorder:OutlineInputBorder(
    borderSide: BorderSide(
    color: Colors.blue,
     width: 2)),
  enabledBorder:OutlineInputBorder(
    borderSide: BorderSide(
    color: Colors.blue,width: 2),),
  border: OutlineInputBorder(
   borderSide: BorderSide(color: Colors.blue,
      width: 2),),
  isDense: true,
  enabled: true),
),

flutter 中是否有一个小部件来显示一个带有嵌入其边框的标签的容器？

Is there a widget in flutter to show a container with a label embedded in it's border?

flutter