Flutter 中的 FaIcon 有奇怪的填充/边距

Question

有没有办法去除 Flutter 中 FaIcon 上方和下方的多余空间？

有一个带有 TextFormField 的行和一个带有美元符号和插入符号图标的列。

我想要的是将图标进一步向上移动，以便它位于美元符号的正下方，但它显示了一些奇怪的垂直填充，我不明白如何删除。

有人遇到同样的问题吗？

Answer 1

您可以使用带有 suffix 属性的 InputDecoration 类。

decoration: InputDecoration(
                                      contentPadding: EdgeInsets.all(
                                          kIsWeb || isTab ? 10 : 5),
                                      hintText: widget.isRemoveMoney
                                          ? "Why?"
                                          : "What’s it for?",
                                      hintStyle: CommonStyles().textStyle(
                                          textColor: colorConstant.colorBDBDBD),
                                      errorStyle: CommonStyles().textStyle(
                                        textColor: colorConstant.colorE86A3D,
                                      ),
                                      suffix: Column(children: [
                                        Icon(Icons.settings),
                                        Icon(Icons.settings)
                                      ],), //add suffix property
                                      errorMaxLines: 2,
                                      border: InputBorder.none,
                                      //OutlineInputBorder(borderRadius: BorderRadius.circular(0))
                                    ),