dart 如何将prefixIcon与textFormField上的文本对齐?

r6l8ljro  于 2023-06-03  发布在  其他
关注(0)|答案(1)|浏览(177)

下面是我的textFormField代码:

Container(
                  alignment: Alignment.centerLeft,
                  height: media.height * 0.12,
                  decoration: txtFieldBoxDecoration,
                  child: TextFormField(
                    textAlignVertical: TextAlignVertical.center,
                    keyboardType: TextInputType.emailAddress,
                    style: const TextStyle(
                      color: Colors.white,
                      fontSize: 26,
                    ),
                    decoration: InputDecoration(
                      border: InputBorder.none,
                      contentPadding: const EdgeInsets.only(top: 14),
                      prefixIcon: const Icon(
                        Icons.email,
                        color: Colors.white,
                        size: 28,
                      ),
                      hintText: 'Insira seu E-mail',
                      hintStyle: GoogleFonts.openSans(
                          color: Colors.white54, fontSize: 26),
                    ),
                    onChanged: (value) {},
                  ),
                ),

我得到了如下结果:

如何像这样对齐前缀Icon和hintText:

cbjzeqam

cbjzeqam1#

为了使前缀图标和hintText对齐,您必须从InputDecoration中删除以下代码
contentPadding: const EdgeInsets.only(top: 14),

相关问题