Question

在TextFormField中的prefixIcon带一个小部件，我使用了Image.asset（lock，width：10，height：10，），但它的大小大于20，我该怎么办？

Answer 1

您可以在TextFormField小部件中添加prefixIcon，如下所示，

prefixIcon: Padding(
                padding: const EdgeInsets.all(10.0),
                child: Image.asset(
                  'assets/facebook_logo.jpg',
                  width: 20,
                  height: 20,
                  fit: BoxFit.fill,
                ),
              ),

prefixIcon默认是48 * 48像素宽的窗口小部件，具体取决于颤抖documentation。因此，要减小图标的大小，请在所有大小上添加填充，然后您便可以根据需要进行调整。

Answer 2

 prefixIcon: Container(
          margin: EdgeInsets.only(right: 5.0),
          decoration: BoxDecoration(
            color: Theme.of(context).buttonColor,
            borderRadius: BorderRadius.only(
                topLeft: Radius.circular(8.0),
                bottomLeft: Radius.circular(8.0)),
          ),
          padding: EdgeInsets.all(8.0),
          child: SvgPicture.asset(
            "asset url",
            height: 20,
            width: 20,
          )),

如何在prefixIcon内的Flutter TextFormField中添加图像

2 个答案: