Search Controller in navigation item show black bar

Question

Hi I have setup search controller using

private func setupSearchbar() {
        searchController = UISearchController(searchResultsController: nil)
        searchController.searchResultsUpdater = self
        searchController.obscuresBackgroundDuringPresentation = false
        searchController.searchBar.placeholder = "Search Contacts"

        self.navigationItem.searchController = searchController
        self.definesPresentationContext = true

    }

Everything was working fine until I add this code

    UINavigationBar.appearance().isOpaque = true
    UINavigationBar.appearance().isTranslucent = false
    UINavigationBar.appearance().barTintColor = UIColor(named: "PrimaryDark")
    UINavigationBar.appearance().tintColor = UIColor.white
    UINavigationBar.appearance().titleTextAttributes = [NSAttributedString.Key.font:Constants.AppTheme.Fonts.font(type: .FONT_BOLD, size: 22) ,NSAttributedString.Key.foregroundColor:UIColor.white]

    UINavigationBar.appearance().largeTitleTextAttributes   = [NSAttributedString.Key.font:Constants.AppTheme.Fonts.font(type: .FONT_BOLD, size: 34) ,NSAttributedString.Key.foregroundColor:UIColor.white]

Now When I tap on search bar big bottom black bar appears

How to fix this ?

View Debugging

This is the UITableView header space. Check this answer https://stackoverflow.com/questions/6380966/how-to-remove-header-and-footer-space-from-a-uitableview — Bryan P, May 22 '19 at 06:17
@BryanP Nope This is not, Until I have added UINavigationBar code this was working. — Prashant Tukadiya, May 22 '19 at 06:18
black color is backGround color of your viewController view default color. Set your viewcontroller view color. And also check your tableview's constraints also. — Pratik Sodha, May 22 '19 at 06:20
@PratikSodha View by default color is white, You mean UIWindow color, and yes I have setup all constraints correctly, (top,left,bottom,right with 0 constant without margin) — Prashant Tukadiya, May 22 '19 at 06:22
@PrashantTukadiya Try remove constraints for tableview and give it again. — Pratik Sodha, May 22 '19 at 06:23
@PratikSodha I have already tried this, check view debugging image in edited question — Prashant Tukadiya, May 22 '19 at 06:30

score 2 · Accepted Answer · answered May 22 '19 at 07:27

Okay So I am able to fix this issue. I am sharing this so this might helpful to other facing the same issue.

to fix this issue. In view will appear method I have set self.extendedLayoutIncludesOpaqueBars to true

 override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        self.extendedLayoutIncludesOpaqueBars = true

    }

Hope it helps to someone :)

Here is output

score 0 · Answer 2 · answered May 22 '19 at 06:11

0

Remove this

UINavigationBar.appearance().isOpaque = true

UINavigationBar.appearance().isTranslucent = false

answered May 22 '19 at 06:11

steveSarsawa

1,559
2
14
31

1

Thanks for your answer but that's I don't want to do. I want this properties. – Prashant Tukadiya May 22 '19 at 06:12

Search Controller in navigation item show black bar

2 Answers2