我正在处理一个注册页面，有一个小的布局问题困扰着我：
这里我有一些文本字段在行内旁边的图标。提示文本是对齐的图标，这就是我想要的，但一旦聚焦，写入的文本是不是对齐了。是否有可能使它的提示去更高，导致对齐写入的文本？

提前感谢您的回答
EDIT：下面是一行的代码：

Row(
                children: [
                  const HeroIcon(
                    HeroIcons.atSymbol,
                    color: Colors.black45,
                  ),
                  const SizedBox(width: 10),
                  Expanded(
                    child: Focus(
                      onFocusChange: (hasFocus) {
                        setState(() => _emailFieldColor =
                            hasFocus ? loginAccentColor : Colors.black45);
                      },
                      child: TextField(
                        controller: _email,
                        keyboardType: TextInputType.emailAddress,
                        decoration: InputDecoration(
                          labelText: "Email",
                          labelStyle: TextStyle(
                            color: _emailFieldColor,
                          ),
                          focusedBorder: const UnderlineInputBorder(
                            borderSide: BorderSide(
                              color: loginAccentColor,
                            ),
                          ),
                        ),
                      ),
                    ),
                  ),
                ],
              ),