flutter - 颤动:为什么除非我单击文本字段,否则提示文本不会出现?
问题描述
我设置了 的属性hintText
,textField
它放在 a 中Container
,但hintText
没有出现 的内容(如第一张图片所示)。当我单击 时textField
,会hintText
出现(如第二张图片所示)。所以有什么问题?
Container(
width: 330,
height: 40,
alignment: Alignment.centerLeft,
child: TextField(
controller: inputController,
focusNode: focusNode,
style: MyTextStyle.level4,
keyboardType: TextInputType.number,
decoration: InputDecoration(
filled: true,
hintText: 'hint text here',
hintStyle: MyTextStyle.grey,
prefixIcon: MyIcon.SearchGreyIcon,
border: InputBorder.none,
suffixIcon: focusNode.hasFocus ? IconButton(
icon: MyIcon.CloseIcon,
onPressed: () {
inputController.clear();
}
) : Container(),
),
),
decoration: BoxDecoration(
color: MyColor.MidGray,
borderRadius: MyStyle.CIRCULAR_BORDER_RADIUS,
),
),
解决方案
您似乎缺少 labelText ,
hintText - 建议字段接受何种输入的文本。
labelText - 描述输入字段的文本。
TextField(
obscureText: true,
decoration: InputDecoration(
border: OutlineInputBorder(),
labelText: 'Password',
),
)
推荐阅读
- kotlin - Kotlin-Fuel:在不知道实际内容长度的情况下上传
- node.js - 从外部 api 检索不记名令牌的问题
- powershell - Invoke-RestMethod 挂在长时间运行的端点上
- r - R闪亮的反应对象作为向量(ggplot)
- executable - 是否可以将 ICU 数据包含在 v8 中的独立二进制文件中?
- amazon-web-services - 无法将 RDS 快照导出到 S3:不允许委托人 export.rds.amazonaws.com 担任 IAM 角色
- razor-pages-crud - 寻找可用于生成“光标特定”剃须刀页面的通用剃须刀页面示例
- javascript - 如何创建动态添加输入字段
- python - 使用 Conda 安装 Acellera 的 HTMD
- javascript - 关于在启动javascript之前定义属性的问题