gpt4 book ai didi

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

转载 作者:IT王子 更新时间:2023-10-29 07:04:54 26 4
gpt4 key购买 nike

有没有办法减少 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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com