Fix custom icon aspect ratio

[fredrikburmester]

See difference between sfSymbol and PNG image of same icon. It's very clear when looking at a real device.

PNG Icon is rendered at point size 200 with pixel size 10x.

The icon is also rendered incorrectly (too large)

My code

tabBarIcon: ({ color, focused, size }) =>
            require("@/assets/icons/magnifyingglass.png"),

[okwasniewski]

Hey, thanks for opening the issue.

Does it also occur on Android?

[fredrikburmester]

I'm having a hard time testing Android, see my other issue.

[okwasniewski]

Hey, the issue with low resolution should be fixed in 0.0.10 let me know if it works for you 😄

[fredrikburmester]

They are no longer rendered in a low resolution but the aspect ration is not correct.

Comparison to original SF icon:

[okwasniewski]

Thanks for checking it out @fredrikburmester, changed issue title to add this as a new feature, currently the icon size is a constant. We should either allow for specifying icon size or fix the aspect ratio

[okwasniewski]

Edit: I think this can be fixed by adjusting this property: https://github.com/okwasniewski/react-native-bottom-tabs/blob/9f0f34b53270b830b43cde7ee6bdb63f1651bb17/ios/TabViewProvider.swift#L119

It's currently set to RCTResizeMode.contain changing this should fix the issue