dart - 如何编辑 Flutter 的 TextFormField 输入和 errorText 之间的间距

标签 dart flutter

有没有办法减少 TextFormField 小部件中实际输入和错误文本之间的间距?就目前而言,在表单上显示错误文本几乎使表单的大小增加了一倍,我想在有或没有错误文本的情况下使表单区域保持相同的大小。从下面的图片中,您可以看到它进行了多少更改,并且输入和错误消息之间有相当多的空间可以使用 reduce。

Form before errors Form after errors

这是其中一个表单域的示例

Padding(
                padding: EdgeInsets.only(
                    top: 5.0, bottom: 5.0, left: 25.0, right: 25.0),
                child: TextFormField(
                  focusNode: myFocusNodeName,
                  controller: signupNameController,
                  keyboardType: TextInputType.text,
                  textCapitalization: TextCapitalization.words,
                  style: TextStyle(
                      fontFamily: "WorkSansSemiBold",
                      fontSize: 16.0,
                      color: Colors.black),
                  decoration: InputDecoration(
                    border: InputBorder.none,
                    icon: Icon(
                      FontAwesomeIcons.user,
                      color: Colors.black,
                    ),
                    errorText: signupLastNameErrorText,
                    hintText: "Last Name",
                    hintStyle: TextStyle(
                        fontFamily: "WorkSansSemiBold", fontSize: 16.0),
                  ),
                  validator: (value) =>
                      value.isEmpty ? 'Last Name can\'t be empty' : null,
                  onSaved: (value) => _lastname = value,
                ),
              ),

最佳答案

在 TextFormField Widget 中添加装饰。

InputDecoration(
      contentPadding: EdgeInsets.only(left: 11, right: 3, top: 14, bottom: 14),
      errorStyle: TextStyle(fontSize: 9, height: 0.3),
)

关于dart - 如何编辑 Flutter 的 TextFormField 输入和 errorText 之间的间距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54068556/

相关文章:

dart - 如何检查 Flutter Text 小部件是否溢出

flutter - SingleChildScrollView不保持滚动位置

Flutter VS Code 快速修复不建议导入

flutter - Dart - 从 map 中的 map 读取键和值

eclipse - 设置 play framework 和 dart 以进行开发和调试

android - 如何修改 Riverpod 中另一个提供者的 StateNotifier 提供者的状态?

flutter - 未处理的异常 : MissingPluginException(No implementation found for method check on channel plugins. flutter.io/connectivity)

flutter - Riverpod,在 BuildContext 和 Provider 之外读取状态

dart - 如何从json结构生成Dart代码

ssl - 使用 Dart :io WebSocket with wss://protocol (SSL)