Flutter 颤振中表单输入字段上的重叠前导图标

正在尝试在Flatter中实现这种登录方式。有什么想法吗？尝试使用前缀图标和行，但没有真正得到它。

---

您可以使用带有两个子项的

堆栈，一个子项用于主图标，另一个子项用于文本输入。我编写了实现所需的代码。所以，我将与你分享。您只需根据自己的喜好设置颜色和文字样式

我们走吧


列(
儿童：[
堆叠(
儿童：[
容器(
边缘：边缘组。对称（垂直：6.0），
身高：36.0，
装饰：盒子装饰(
颜色：颜色，白色，
边界半径：边界半径。圆形（24.0），
boxShadow:[boxShadow（模糊半径：12.0）]，
),
孩子：填充(
填充：来自LTRB（70.0,0.0,30.0,0.0）的边缘设置，
子项：TextFormField(
装饰：输入装饰(
contentPadding:EdgeInsets.对称（垂直：8.0），
边框：InputBorder.none，
hintText:'用户名'，
),
),
),
),
容器(
装饰：盒子装饰(
颜色：颜色，白色，
形状：BoxShape.circle，
boxShadow:[boxShadow（模糊半径：12.0）]，
),
孩子：填充(
填充：所有边缘设置（12.0），
子：图标（图标、人物轮廓），
),
),
],
),
尺寸箱（高度：12.0），
堆叠(
儿童：[
容器(
边缘：边缘组。对称（垂直：6.0），
身高：36.0，
装饰：盒子装饰(
颜色：颜色，白色，
边界半径：边界半径。圆形（24.0），
boxShadow:[boxShadow（模糊半径：12.0）]，
),
孩子：填充(
填充：来自LTRB（70.0,0.0,30.0,0.0）的边缘设置，
子项：TextFormField(
装饰：输入装饰(
contentPadding:EdgeInsets.对称（垂直：8.0），
边框：InputBorder.none，
hintText:'密码'，
),
),
),
),
容器(
装饰：盒子装饰(
颜色：颜色，白色，
形状：BoxShape.circle，
boxShadow:[boxShadow（模糊半径：12.0）]，
),
孩子：填充(
填充：所有边缘设置（12.0），
子：图标（图标。锁定轮廓），
),
),
],
),
],
)，
发布您的尝试和平台成员的贡献。这不是StackOverlow的工作方式谢谢assist@Samuel不客气。如果您认为答案是您正在寻找的解决方案，请将其标记为已回答。提前谢谢