在导航条中嵌入搜索条控制器

I am looking to create something similar to this, where there is a search bar in the Navigation bar. The photo below displays what I currently have in my storyboard. I would like for it to look something like the photo below that, without the customizations to the UI. I have tried placing the search bar below the navigation bar but it takes up more space that I would like and looks cluttered and unprofessional, can anybody help me here? I am looking to create something similar to thi