flutter - 文本字段标签未正确对齐

Question

我在颤动中对齐文本字段中的内容时遇到了一些问题。看看下面的快照

问题 #1 - 查看第一个文本字段（收入金额）中的标签。它不以左侧的图标为中心。如何使文本字段中的标签文本以前缀图标为中心？在下图中，标签文本出现在图标中心的位置。

问题 #2 - 查看下拉频率。当我选择一个值时，浮动标签移动到顶部，但在文本字段文本和文本字段标签（红色线）之间留下了巨大的间隙。看一下差距最小的第三个文本字段。如何消除间隙，使我的标签文本显示为第三个文本字段？

我使用的是响应式表单，但它看起来与默认的颤振文本字段非常相似。这是部分代码

Widget amountField() {
    return ReactiveTextField<String>(
      textAlignVertical: TextAlignVertical.center,
      formControlName: incomeAmountLabel,
      decoration: InputDecoration(
        labelText: incomeAmountLabel,
        prefixIcon: Icon(Icons.attach_money, color:green),
        labelStyle: TextStyle(height:1, fontSize: text_size_18),
      ),
      validationMessages: (errors) => {
        ValidationMessage.required: 'Name must not be empty',
      },
    );
  }

提前致谢

标签： flutterflutter-layout

Answer 1

使用contentPadding: E​​dgeInsets.symmetric(horizo​​ntal: 5),

它会解决你的问题，我也面临同样的问题。您可以根据自己的选择更改水平值。