flutter - 如何在 flutter 中创建一个固定的文本标签

Question

我想在保持固定位置的文本字段上创建一个标签。我的手机上有一个应用程序，其标签如下所示，我正在尝试设计类似的东西:

如上所示，无论是否有人在该字段中输入，标签始终固定在该位置。我在 Customer Contact Field 中输入了“Jay”使用我当前的代码，标签从字段内部开始，然后移动并卡在边界处。还是 flutter 不可能？

child:TextField(
       decoration: InputDecoration(
       labelText: 'Customer Contact')),

Answer 1

您可以将 Text 和 TextField 添加到 Column 小部件中以实现此目的:

    Column(
      crossAxisAlignment: CrossAxisAlignment.stretch,
      children: <Widget>[
        Text('Customer Contact', textAlign: TextAlign.left),
        TextField(
          cursorColor: Colors.white,
          decoration: InputDecoration(hintText: 'Enter here'),
        )
      ],
    );