CODEWITHSUNDEEP
imagefluttersizetextfieldassets
Al-Hashimy
Al-Hashimy

Reputation: 469

how to add image in flutter TextFormField inside prefixIcon

in the TextFormField the prefixIcon take a widget, I used the Image.asset(lock,width: 10,height: 10,), but it had big size bigger than 20, what I do?

Upvotes: 4

Views: 9080

Answers (2)

vimalVijayakumar
vimalVijayakumar

Reputation: 11

 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,
          )),

Upvotes: 0

Jay Mungara
Jay Mungara

Reputation: 7148

You can add the prefixIcon as follow in the TextFormField Widget,

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

prefixIcon is a 48*48 px wide widget by default as per flutter documentation. so to decrease the size of the icon add the padding on all the size and you will be able to adjust as per your requirements.

Upvotes: 9

Related Questions