Search code examples
iosxcodeuikituisegmentedcontrol

Is there a way to make the twitter's iOS app's notification tab's navigation bar (pic attached)


enter image description here

I am thinking of implementing a UISegmentControl extension to achieve the twitter's iOS notification tab bar, navigation bar segment style. I tried extending the class like in this post.

I want to be able to control the size of the underline that scales based on the text's width, just like in the app.

Any ideas or suggestions are appreciated.


Solution

  • Yes

    Have a top row section: Icon | Notifications | Settings Icon Then a bottom row: All | Mentions

    You make a container for each section in the bottom row that takes 50% of the width of the row and then have a block inside each section for the text. The width of block should only be as wide as the text so that when you add a bottom border to it, it only spans as far as the text goes