Apple says:
Depending on the device and orientation, the system displays either a regular or compact tab bar. Your app should include custom tab bar icons for both sizes.
Unfortunately, they fail to specify when you get which.
Also I might include those images for both sizes, but will the system switch between them automatically (how?) or do I have to do it myself?
Most desktop browsers: 16x16, 32x32, "as big as possible" Android Chrome: 192x192.
Settings > Display > Screen Zoom This might be what you're looking for.
In iOS 12, iPad tab bars have also changed height from 49 to 50 points tall. This removes the height differences between toolbars and tab bars on iPad. On iPhone tab bars remain 49 points tall in portrait and 32 points tall in landscape.
Right-click any blank space on your desktop. From the menu, select “View,” and choose your desired icon size—large, medium, or small—from the options.
You should not do this yourself system can do it automatically.
here is Apple Human Interface Guidelines, where you can find icon resolutions: https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/custom-icons/
for example: If you are using circular icons for tab bar item you should create following sizes for portrait mode:
and for landscape mode:
after you add this icons into Assets.xcassets or somewhere, you can select Tab Bar Item icons from storyboard:
select Tab Bar item and in the attributes inspector, choose portrait image for image field, and landscape image for landscape field.
After that system will do everything for you.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With