如何在颤振中创建固定的文本标签

时间:2021-03-05 08:22:44

标签: flutter dart

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

enter image description here

正如所见,无论是否有人在字段中输入,标签总是固定在位置上。我在 Customer Contact Field 中输入了“Jay” 使用我当前的代码,标签从字段内开始,然后移动到边界处。或者,颤振可能无法实现?

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

1 个答案:

答案 0 :(得分:0)

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

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

enter image description here

enter image description here