Flutter TextFormField：在输入字段的左侧对齐文本描述

Question

早上好，我在Flutter中创建TextFormFields，但感到沮丧的是，我无法在其中停留的条目输入左侧添加Text。

当您输入字段时，提示文本消失。

prefixText仅在您输入字段后显示。

prefixIcon完全可以实现我想要的功能，但是我需要文本而不是图标。

上面的图像使用prefixIcon和hintText。

请问有人对如何用永久文本替换我当前拥有的图标提出建议吗？谢谢您的协助。

Answer 1

尝试在装饰中使用prefixText属性。

TextField(
   controller: _textController,
   keyboardType: TextInputType.number,

   decoration: InputDecoration(            
     hintText: 'Enter a valid ZIP-Code',
     errorText: _hasInputError ? "ZIP-Code is too short" : null,
     counterText: _textController.text.length.toString(),
     helperText: "ZIP-Code of shipping destination",
     labelText: "ZIP-Code",
     prefixText: "DE - ",
     suffixIcon: Icon(Icons.airport_shuttle), 
   ),
),

请参阅此link

我认为您在使用prefixIcon时不能使用decoration。

Answer 2

prefixIcon接受窗口小部件类型，因此您可以根据需要将窗口小部件传递给它

TextFormField(        
  controller: _passwordController,
  decoration: InputDecoration(
    hintText: "Password",
    prefixIcon: CircleAvatar(
      backgroundImage: NetworkImage(kDefaultProfilePicture),
    ) // You can replace this with a Text("") widget,
    suffixIcon: IconButton(
      icon: Icon(Icons.visibility),
      onPressed: () {},
    ),
  ),
),