验证器错误消息更改 TextFormField 的高度

2024-07-03

当错误消息出现时,它会降低高度TextFormField。如果我理解正确,那是因为错误消息的高度正在考虑到指定的高度。

这是之前的屏幕:

之后 :

试图把conterText: ' '到 BoxDecoration (正如我在另一个主题中看到的那样),但它没有帮助。

一个主意 ?

编辑:OMG 完全忘记放置代码,这里是:

 return Form(
      key: _formKey,
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.center,
        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
        children: <Widget>[
          Container(
            height: 40.0,
            child: _createTextFormField(loginEmailController, Icons.alternate_email, "Email Adress", false, TextInputType.emailAddress),
          ),
          Container(
            height: 40.0,
            child: _createTextFormField(loginPasswordController, Icons.lock, "Password", true, TextInputType.text),
          ),

          SizedBox(
            width: double.infinity,
            child: loginButton
          )
        ],
      ),
    );

  }

  Widget _createTextFormField(TextEditingController controller, IconData icon, String hintText, bool obscureText, TextInputType inputType){
      return TextFormField(
        keyboardType: inputType,
        controller: controller,
        obscureText: obscureText,
        /* style: TextStyle(
          fontSize: 15.0,
        ), */
        decoration: InputDecoration(
         /*  contentPadding:
              EdgeInsets.symmetric(vertical: 5.0, horizontal: 8.0), */
          border: OutlineInputBorder(borderRadius: BorderRadius.circular(5.0)),
          icon: Icon(
            icon,
            color: Colors.black,
            size: 22.0,
          ),
          //hintText: hintText,
          labelText: hintText,
        ),
        validator: (value) {
          if (value.isEmpty) {
            return 'Enter some text';
          }
          return null;
        },
      );
    }

在您的代码中 - 您需要注释掉40给每个容器的高度。

Container(
             // height: 40.0,
              child: _createTextFormField(
                  loginEmailController,
                  Icons.alternate_email,
                  "Email Adress",
                  false,
                  TextInputType.emailAddress),
            ),
            Container(
            //  height: 40.0,
              child: _createTextFormField(loginPasswordController, Icons.lock,
                  "Password", true, TextInputType.text),
            ),

然后在你的-TextFormField in InputDecoration,您可以根据自己的喜好更改这些值。

  contentPadding:
      EdgeInsets.symmetric(vertical: 10.0, horizontal: 10.0),
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

验证器错误消息更改 TextFormField 的高度 的相关文章

  • 如何在flutter中使用firestore更新所有集合

    我有两个收藏 一个集合 User 包含用户信息 用户名 一个集合 Post 包含我的 flutter 应用程序的所有帖子 帖子文档包含 文本帖子 和作者的 用户名 我在应用程序中添加了一个选项 允许用户每 6 个月更改一次昵称 但我必须更改
  • BoxDecoration 小部件缺少 padding 属性

    The BoxDecoration 类文档 https api flutter dev flutter painting BoxDecoration class html表明这个小部件有一个padding财产 然而 当我将它与此属性一起使用
  • Android 模拟器在截屏时不断退出

    我不记得我是否曾经修改过 Android 模拟器的设置 但我一直在使用 Android Studio 在 Android 模拟器上测试我的应用程序 每次我截屏时 它都会崩溃 我尝试删除 擦除并创建一个新的模拟器 这些都不起作用 我还尝试使用
  • Dart / flutter:下载或读取 Google Drive 文件的内容

    我的 Google 云端硬盘上有一个公共 任何知道链接的人都可以查看 文件 我想在我的 Android 应用程序中使用它的内容 据我目前收集到的信息 我需要 fileID OAuth 令牌和客户端 ID 这些我已经得到了 但我无法弄清楚授权
  • 如何在flutter中的Table内使用TableRowInkWell?

    有人用 TableRowInkWell 创建表格吗 我想要一个左边有可点击行 右边有不可点击行的表格 有没有创建漂亮表格的示例 您只能使用TableRowInkWell在 的里面TableRow or TableCell 例如 Table
  • 显示键盘时如何拦截颤动后退按钮

    我想在颤动中拦截软键盘的后退按钮 因此 当我想通过按后退按钮关闭键盘时 我希望调用一个附加函数 我怎样才能做到这一点 键盘后退按钮 你可以使用键盘可见性 https pub dev packages keyboard visibility
  • 当列表未填满整个页面时,刷新指示器不起作用

    我有一个页面有一个带有刷新指示器的列表 当列表中有很多元素 填充整个视图等等 即我可以滚动 时 刷新指示器就会起作用 但是 当列表中只有一两个元素 没有可滚动的元素 时 刷新指示器不起作用 这是预期的行为吗 有没有办法让指标也适用于短名单
  • 未处理的异常:NoSuchMethodError:在颤振上对 null 调用了方法“[]”

    I want to show data in list view like in the below that one is hard coded 当我将其更改为列表时 出现以下错误 E flutter 6925 ERROR flutter
  • Firestore - 意外读取

    各位 我确实遇到了一个有趣的问题 如果你们中的任何人能够帮助我解决这个问题 我将非常高兴 我的应用程序流程是什么 使用电子邮件 密码和其他一些详细信息注册 用户 firebase 以便对用户进行身份验证并通过电子邮件和密码创建帐户 同时我将
  • 在 Flutter 中本地干净地覆盖部分主题

    我有一个小部件 有两个TextField作为后代 我想对这些应用相同的样式TextFields 我的理解是 执行此操作的正确方法是将本地化主题应用到我的小部件树 以下是我的尝试 这是我的根小部件的代码片段build功能 难道没有更干净的方法
  • flutter 忽略标头 X-Firebase-Locale 因为它的值为 null

    我将我的应用程序与 firebase 链接 但是当我尝试在应用程序中使用新用户注册时 我收到此错误 忽略标头 X Firebase Locale 因为它的值为 null 这是身份验证屏幕代码 class Authscreen extends
  • 迭代 Firestore 集合上的文档求和值的最佳方法是什么?

    我试图找出如何使用 Flutter 中的 cloud firestore 包对 Firestore 集合中每个文档中存储的值进行求和 我尝试了这段代码 double queryValues total 0 0 Firestore insta
  • 验证器错误消息更改 TextFormField 的高度

    当错误消息出现时 它会降低高度TextFormField 如果我理解正确 那是因为错误消息的高度正在考虑到指定的高度 这是之前的屏幕 之后 试图把conterText 到 BoxDecoration 正如我在另一个主题中看到的那样 但它没有
  • 如何在我的 Flutter 应用程序中重置基本路线 - 即弹出任何路线并使用 Navigator 将其替换为新路线

    对于 Flutter 新手来说 如果这是显而易见的 请原谅我 但我已经阅读了文档并尝试了一堆导航器选项 但它们都没有按照我想要的方式工作 问题集 我们有一系列复杂 半复杂 的屏幕等 用于处理登录 授权 注册过程 路由堆栈上的层级可以减少到
  • 如何在flutter中创建没有应用栏的选项卡栏?

    我希望在主屏幕上添加选项卡应用程序而不是应用程序栏 如何创建它 目前 我的选项卡栏添加在应用程序栏的底部 并且我删除了标题和标高 同时我也不能说appBar null因为我需要在标签栏顶部留出一些空间 Widget HomeTap new
  • 如何制作多个图像选择器,在颤振容器内上传和设置图像?

    我想制作这种类型的图像选择器 当我单击加号时 它会打开图像选择器 当我选择图像时 它会适合这个容器 这是我尝试过的一些代码 在此代码中 我使用平面按钮 它将选择图像并在平面按钮下显示它 但我想要像我在图像中提到的输出 5 个不同的图像上传器
  • 如何从 Dart 中的字符串中删除换行符?

    如何从 Dart 中的字符串中删除换行符 例如 我想转换 hello nworld to hello world 您可以使用replaceAll 模式 替换 main var multiline hello nworld var singl
  • 如何在 Flutter 中创建过滤后的图像

    我正在尝试创建一个图像过滤器 我想知道的是 是否可以将颜色过滤器应用于图像 然后保存应用了颜色过滤器的图像 如果是的话怎么办 现在我已经能够使用以下代码将滤色器应用于图像 但我们想要的是保存该图像并使其与滤色器一起显示 Container
  • 在 Flutter 的登录屏幕中显示循环进度对话框,如何在 Flutter 中实现进度对话框?

    我有一个登录表单 其中有两个文本字段 用户名 密码 和一个按钮 登录 点击登录按钮后 我将调用 API 我想展示一个CircularProgressIndicator在此 api 调用期间 进度对话框应显示在登录表单的中心和顶部 我努力了F
  • `pub get` 将 pubspec 依赖项下载到哪里?

    在 javascript 中 我们有 NPM 和node modules每个项目中的文件夹 我找不到 Dart Flutter 的类似概念 除了build我的应用程序中的文件夹 其中包含我的一些依赖项的文件夹pubspec yaml 但它没

随机推荐