Home > Enterprise >  How to add width to icon without Materialbutton - Flutter
How to add width to icon without Materialbutton - Flutter

Time:01-21

I want to show bold icon in my app but I don't want to use material icon because when I tap on it it show splash effect and I don't want that so is there any way to add width to icons in flutter?

My icon:- enter image description here

My desire result:- enter image description here

Here is my code:-

 Padding(
                              padding: const EdgeInsets.only(left: 10),
                              child: Icon(
                                Icons.add,
                                color: DarkBlueColor,
                              ),
                            ),

CodePudding user response:

simply you can set the splash color to transparent

CodePudding user response:

You can use icons inside the text widget and assign font size,font weight,font family and package also this makes your icon bold I Hope this solution will work for you, Thanks   
 Text(
                String.fromCharCode(CupertinoIcons.exclamationmark_circle.codePoint),
                style: TextStyle(
                  inherit: false,
                  color: Colors.red,
                  fontSize: 30.0,
                  fontWeight: FontWeight.w700,
                  fontFamily: CupertinoIcons.exclamationmark_circle.fontFamily,
                  package: CupertinoIcons.exclamationmark_circle.fontPackage,
                ),
              )
  •  Tags:  
  • Related