How to make customize Large Navigation bar like iOS 11 "News App" do so?

Question

Small title

Large Title

I wanna make a navigation bar behave like the NEWS App of Apple. I know how to make large title of the bar. But I have no idea for the right navigation bar item. Please give me some advices.

Is there any delegate to know the large title is appearing? How to add a bar item next to the large title but disappear when it turns back to small? (Something just like APP Store "APP" tab's navigation bar)

score 4 · Answer 1 · answered Sep 26 '17 at 06:28

4

In iOS 11, a new property has been added to UINavigationBari.e. prefersLargeTitles

Just add, following line in viewDidLoad()

navigationController?.navigationBar.prefersLargeTitles = true

Or you can set it to true in Interface Builder as well.

NOTE : In some cases it is not working if you set it from IB.

answered Sep 26 '17 at 06:28

Arpit Jain

1,660
12
23

Yes, I know how to set large title. – KTang Sep 26 '17 at 06:34
But how to set rightbarbutton follow as large title? – KTang Sep 26 '17 at 06:34
like my second image – KTang Sep 26 '17 at 06:35
Okay give me some time – Arpit Jain Sep 26 '17 at 06:35
and I want to know how to add custom view into largeTitleView? Like "APP" tab's navigationBar of AppStore on iPhone devices – KTang Sep 26 '17 at 06:37
Let me know if you get it as two line large title in tab bar – Jigar Thakkar Dec 27 '17 at 06:29

How to make customize Large Navigation bar like iOS 11 "News App" do so?

1 Answers1