How to remove padding from vector icons in Expo io

user_1046094 0
Viewed 1133

If i use the vector icons in Expo i see lot of padding space is added around the icon by default. [Green color in the screenshot attached, thats the padding for a 15px icon]. Is there a way to remove that extra padding? Tried manual overriding of padding and margin but didn't worked. Sample code for the screenshot provided:

<Entypo name="triangle-down" size={15} color="#9013FE" style={{
                                    backgroundColor: 'green',
                                    }}/>

Doc reference code from here: https://docs.expo.io/versions/v19.0.0/guides/icons.html

enter image description here

expo react-native
1 Answers

You can try having negative margin such as below: style={{ marginEnd: -10 }}

user_156922260
Related