SwiftUI picker title?

Question

I'm trying to use the Picker for a simple selection. Currently I'm using the .inline navigation bar for showing the titles. (here's where i got the example https://www.hackingwithswift.com/quick-start/swiftui/pickers-in-forms)

struct ContentView: View {
    var strengths = ["Mild", "Medium", "Mature"]

    @State private var selectedStrength = 0
    
    var body: some View {
        NavigationView {
            Form {
                Picker(selection: $selectedStrength, label: Text("Strength")) {
                    ForEach(0 ..< strengths.count) {
                        Text(self.strengths[$0])
                    }
                }
            }.navigationBarTitle("Parent Title", displayMode: .inline)
        }
    }
}

So my issue is that when I go into the picker, there is no title?

When I try to set the inline title on the Picker, or ForEach or even the Texts inside the foreach, the Parent Title gets overridden...

Is there a nice way of fixing this problem or should i just go ahead and make my own picker (any good simple pickers our there)?

You need to set the `navigationBarTitle` for the `Picker` object as well. And of course the parent title gets overwritten. UINavigationBar doesn't show two titles. — Claus Jørgensen, Aug 21 '20 at 16:34
@ClausJørgensen I tried that, it overrides the Parent Title and still doesn't show on the actual picker screen :( — P. Sami, Aug 21 '20 at 16:37
Have you looked at https://stackoverflow.com/questions/58320934/change-navigation-title-of-picker-in-swiftui ? — Claus Jørgensen, Aug 21 '20 at 16:38
@ClausJørgensen I just tried it and it worked...! thank you — P. Sami, Aug 21 '20 at 16:49
@vacawama well, I'm working on XCode 11.6 as my project has some constraints... :( — P. Sami, Aug 21 '20 at 17:40

score -6 · Accepted Answer · answered Aug 21 '20 at 17:39

This is what I ended up doing (got the idea from Change Navigation Title of Picker in SwiftUI thanks to Claus Jørgensen):

struct ContentView: View {
    var strengths = ["Mild", "Medium", "Mature"]

    @State private var selectedStrength = 0

    var body: some View {
        NavigationView {
            Form {
                Picker(selection: $selectedStrength, label: Text("Strength")) {
                    ForEach(0 ..< strengths.count) {
                        Text(self.strengths[$0])
                    }.navigationBarTitle("Strength", displayMode: .inline)
                }.navigationBarTitle("Parent Title", displayMode: .inline)
            }
        }
    }
}

This will also change the parent title to "Strength" when the user taps on the back button. — José, Oct 11 '20 at 12:00

SwiftUI picker title?

1 Answers1