首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在Flutter中的TextField下显示错误

在Flutter中的TextField下显示错误
EN

Stack Overflow用户
提问于 2020-05-03 02:56:58
回答 2查看 4.3K关注 0票数 1

Material design允许文本字段通过输入框下面的红色小标签来指示错误:https://material.io/components/text-fields (见下面的截图)。

对于Flutter中的TextField字段,有什么方法可以做到这一点吗?我希望这是TextFieldTextEditingController的属性,但没有找到类似的东西。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-05-03 03:03:18

它出现在TextField的装饰属性中,也可以使用它的样式属性设置样式。

代码语言:javascript
运行
复制
     TextField(
        decoration: InputDecoration(
          errorStyle: TextStyle(),
          errorText: 'Please enter something'
        ),
      ),
票数 6
EN

Stack Overflow用户

发布于 2020-05-03 03:05:47

根据TextFormField提供的验证器函数返回的验证结果显示错误,检查其中的一些条件,并根据要显示的内容和时间返回错误消息或null,或者如果不想显示任何内容。

代码语言:javascript
运行
复制
child: new TextFormField(
  autocorrect: false,
  validator: (value) {
    if (value.isEmpty) {
      return 'Error Message';
    }
    return null;
  },
  onSaved: (val) => //do something...,
  decoration: new InputDecoration(labelText: "Label*"),
),
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61564768

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档