search

okwasniewski / react-native-bottom-tabs

Native Bottom Tabs for React Native
https://www.npmjs.com/package/react-native-bottom-tabs
MIT License
284 stars 9 forks source link

PNG icons are rendered at a low resolution #39

Open fredrikburmester opened 2 days ago

fredrikburmester commented 2 days ago

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

Screenshot 2024-10-13 at 13 28 43

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

The icon is also rendered incorrectly (too large)

Screenshot 2024-10-13 at 13 36 04

My code 

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

Hey, thanks for opening the issue.

Does it also occur on Android?

fredrikburmester commented 1 day ago

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

okwasniewski commented 18 hours ago

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