Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Remove padding from Icon

See original GitHub issue

Good day everyone! I am currently trying to remove padding from the Icon but it seems like what ever I did the padding is still there.

screen shot 2018-07-16 at 2 14 58 pm

I am trying to push both of the arrow at the end of the container and this is my current code.

<View style={{zIndex:10, position: 'absolute', width:20, padding:0, margin:0, backgroundColor:'rgba(0,0,0,0)', justifyContent: 'space-between',alignSelf:'center'}}> <Icon name={"md-arrow-dropdown"} size={35} color="white" style={{padding:0, margin:0, backgroundColor:'red' }} /> <Icon name={"md-arrow-dropup"} size={35} color="white" style={{padding:0, margin:0, backgroundColor:'green'}} /> </View>

How can I achieve that ?

Issue Analytics

State:
Created 5 years ago
Reactions:14
Comments:14 (1 by maintainers)

Top GitHub Comments

26reactions

brenomaiacostacommented, Sep 27, 2019

Try placing your component inside a “View” by passing the backgroundColor setting to it, then use negative numbers in the margin and padding (MaterialCommunityIcons) until you adjust the space between the edges. Ex:

captura

11reactions

Bsingh2697commented, Jul 22, 2020

U guys can use textAlign : center|left|right|top|bottom whatever suits u

Top Results From Across the Web

How do I remove Flutter IconButton big padding?

Instead of removing a padding around an IconButton you could simply use an Icon and wrap it with a GestureDetector or InkWell as...

How to Remove Extra Padding Around AppBar Leading Icon ...

How to Remove Extra Padding Around AppBar Leading Icon In Flutter ?? ... ], ), ),. Where automaticallyImplyLeading: true hides the leading ...

Is there any way to remove this padding between icon border ...

Is there any way to remove this padding between icon border and the 'cell' border? So the icon can fill the cell?

How do I remove the padding around the icons on my desktop ...

Open the Registry Editor and go to HKEY_CURRENT_USER\Control Panel\Desktop\WindowMetrics. For horizontal spacing, double-click IconSpacing.

[Solved]-How do I remove Flutter IconButton big padding?

You can also use GestureDetector instead of IconButton, recommended by Shyju Madathil. GestureDetector( onTap: () {}, child: Icon(Icons.volume_up) ). sgon00 ...