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

问题描述 投票:0回答:1

早上好,我在Flutter中创建TextFormFields,但我感到有点沮丧,因为我无法在其中停留的条目输入的左侧输入Text。

提示文本会在您输入字段时消失。

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

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

enter image description here

上面的图像使用prefixIcon和hintText。

有人建议用永久文本代替我当前拥有的图标吗?感谢您提供的所有帮助。

flutter dart flutter-layout
1个回答
0
投票

尝试在装饰中使用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

© www.soinside.com 2019 - 2024. All rights reserved.