3

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?

1
  • Add some of your code you tried with TextFormField Dec 30, 2019 at 10:19

2 Answers 2

8

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.

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

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.