UIDocumentPickerViewController navigation bar buttons color

Question

My app is using red navigation (2) bar with white buttons and texts. When I use system contact picker (3) the status bar is red. When I use documents picker (1) UIDocumentPickerViewController then navigation bar is white. How I can change color of navigation bar or text?

When I use code bellow, it works but it change my navigation bar too.

UINavigationBar.appearance().tintColor = .red

thanks for help

code:

func open() {
        UINavigationBar.appearance().barTintColor = .green
        let documentsController = UIDocumentPickerViewController(documentTypes: makeDocumentTypesList(), in: .import)
        documentsController.delegate = self
        viewControllerProvider.getViewController().present(documentsController, animated: true, completion: nil)
    }

When I set barTintColor it changes color of root view controller. No effect at document picker. — Kryštof Matěj, Sep 22 '17 at 11:34
I added UINavigationBar.appearance().barTintColor = .green to completion and It makes no effect. — Kryštof Matěj, Sep 22 '17 at 11:39
I made sample project https://github.com/raptorxcz/UIDocumentPickerViewController-buttons-color — Kryštof Matěj, Sep 22 '17 at 12:28
According to Apple it is a bug. I asked them for workaround. When I get the response I will add it here. — Kryštof Matěj, Oct 05 '17 at 08:28
@KryštofMatěj thanks. Have you a link where Apple states thats it's their bug? — Giorgio, Oct 05 '17 at 08:50
@KryštofMatěj Have you got response from apple or have you found some workaround for this issue? — Ido, Jan 17 '19 at 16:20
Hi, Apple marked my bug as a duplicate of 33902607. Workaround is below https://stackoverflow.com/a/49926235/3992815 — Kryštof Matěj, Jan 17 '19 at 20:09

score 41 · Accepted Answer · answered Apr 19 '18 at 16:45

41

You can just reset the appearance for UIDocumentPickerViewController only by putting this code somewhere in your application:didFinishLaunchingWithOptions: function and the bar buttons will return to their original blue or you can set any other color of your choice. The bar color, on the other hand is not customizable.

if #available(iOS 11.0, *) {
    UINavigationBar.appearance(whenContainedInInstancesOf: [UIDocumentBrowserViewController.self]).tintColor = nil
}

answered Apr 19 '18 at 16:45

Antoine Lamy

863
10
9

is this only for iOS 11.0 and above? – Ankit Kumar Gupta Nov 26 '18 at 13:40
1

This is the solution for me, i have set tint color to white and in the UIDocumentBrowserViewController couldnt see the `cancel` button. now i have set it to blue. `UINavigationBar.appearance().tintColor = UIColor.white if #available(iOS 11.0, *) { UINavigationBar.appearance(whenContainedInInstancesOf: [UIDocumentBrowserViewController.self]).tintColor = UIColor.blue }` – Im Batman Mar 22 '19 at 11:08
1

Hi, I found your answer to work fine as you described with UIDocumentBrowserViewController but I can't get it to work with UIImagePickerController - do you have any ideas here? – Paweł Zgoda-Ferchmin Sep 07 '20 at 11:01

score 4 · Answer 2 · answered Jan 01 '18 at 20:46

4

Use setTitleTextAttributes

UIBarButtonItem.appearance().setTitleTextAttributes([NSForegroundColorAttributeName:UIColor.white], for: .normal)

see my answer here

answered Jan 01 '18 at 20:46

Developeder

1,579
18
29

Michael Heinzl · Answer 3 · 2017-10-23T11:18:26.963

1

This is the only solution I found:

    UINavigationBar.appearance().tintColor = ... some color
    _viewController?.present(documentPicker, animated: true)

To my knowledge it is not possible to set the bar color only the tint color (text color). To keep the tint color for the rest of your project I reset it in the viewWillAppear of the underlying view controller.

edited Oct 23 '17 at 11:18

answered Sep 29 '17 at 10:10

Michael Heinzl

11
3

score -2 · Answer 4 · answered Mar 14 '18 at 09:30

as you ask "change color of navigation bar or text?" i haven't a solution for change navigation bar it always return nil

self.present(documentPicker, animated: true,completion: {

                if documentPicker.navigationController?.navigationBar != nil{
                    documentPicker.navigationController?.navigationBar.barTintColor = .red
                }
            })

but if you agree to change only text

this works for me

self.present(documentPicker, animated: true,completion: {

                documentPicker.view.tintColor = .red
            })

i understand that it couldn't be the optimal but none of solutions i try work for me

UIDocumentPickerViewController navigation bar buttons color

4 Answers4