I have an Android app which looks the following. The top tabs will be scroll-able, when the number of tabs is increased. From all my users feedback, they are pretty happy with such design.

enter image description here

When number of tabs increased, it will look like following. The entire tab bar is horizontal scroll-able.

enter image description here

In Android, having Tab like above is a common standard design (which the Tab belongs to standard Android library). Except, I did a few customization, to make it looks like rounded corner rectangle.

Now, we are planning to port the app over iOS.

The Tab in iOS looks like https://developer.apple.com/design/human-interface-guidelines/ios/bars/tab-bars/

We notice it is not horizontal scroll-able, as the number of tabs increased.

We also notice we will be able to make it horizontal scroll-able, by using non-standard library - https://github.com/xmartlabs/XLPagerTabStrip

But, we are pretty new to iOS ecosystem, and we aren't sure what is the taste of iOS users. Do you think, will they like such non-standard design? If not, what are some standard design I can leverage?

  • Over in the Human Interface Guidelines it states "If some tabs can’t be displayed due to limited horizontal space, the final visible tab becomes a More tab, which reveals the additional tabs in a list on a separate screen." I think this is what iOS users would expect and would consider standard behavior when there are more tabs than horizontal space allows. – Adam Mar 8 '19 at 18:43

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.