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.

TabBarItem - iOS Icons

See original GitHub issue

Hello, I’ve adapted the twitter example for use in an app that I’m building. The TabBar looks good on android:

but on ios, the icons are not sized correctly:

If I change the image prop so that it uses Image.resolveAssetSource() and resize the icons, they look better but they are still grainy:

Just wondering if there’s any way around this or if it would be possible for navigation to support SVGs as this would ensure the icons always look crispy. Thanks.

Issue Analytics

State:
Created a year ago
Comments:5 (2 by maintainers)

Top GitHub Comments

1reaction

gezquinndesigncommented, Jul 11, 2022

I changed the main image to be 25px x 25px and that sorted my issue out. I was just confused because the same image was displaying nicely on Android. Thanks for your help. 👍

1reaction

grahammendickcommented, Jul 11, 2022

You should use images that are the right size for the tabs. If you use a React Native Image component then those images would show up large too, right?

Top Results From Across the Web

Changing UITabBar item image on se… - Apple Developer

I am using System Icons (SF Symbols). My Code: ... tabBar.items?[0] = UITabBarItem(title: "Myanmar", ... tabBar.items?[1] = UITabBarItem(title: "Singapore", ...

swift - Changing tab bar item image and text color iOS

Make sure your icon image has transparent background, and the icon itself is solid black (or close). Open the image file, save it...

Customizing Tab Bar Controller Icons. - Make App Pie

Under Tab Bar Item is the one I want to concentrate on:Selected Image. This is an image that's meant to display when the...

Tab bar (iOS) - Adobe Spectrum

Tab bar is a top-level navigation control for iOS apps. ... In portrait mode, labels are placed below the icon for each tab...

How to customize iOS tab icon colors (2 ways) - gists · GitHub

//change text under icon. UITabBarItem.appearance().setTitleTextAttributes([NSForegroundColorAttributeName: UIColor.init(netHex: 0x000000)], forState: .