SwiftUI Navigation Title Text Priority (of two texts)

Question

I have two texts that I would like to display in a navigation title:

...
        .navigationTitle(Text(getTitle()) + Text(" (\(selection + 1)/\(sequenceObject.homeElements.count))"))

However, the first text could become too large after user input and the second text would no longer be displayed (

This is a verly long navigation ti...

). But the second text must always be visible!!! My wish text layout of the navigation title would be:

This is a very long...second text

Any ideas?😃

Best regards!

Mark Rotteveel · Accepted Answer · 2022-04-26 12:05:06Z

0

You need to do it a little bit different. .navigationTitle is not made for a long title, but if you do need a long title, use the Text modifier like this:

NavigationView{
            VStack(){
                //"your Code
            }
            .navigationBarTitleDisplayMode(.large)
            .toolbar {
                ToolbarItem(placement: .navigationBarLeading) {
                    VStack {
                        Text("This is a very long title").font(.largeTitle).bold()
                        Text("with our subtitle").font(.subheadline)
                        //you can also do .font(.largeTitle).bold() here
                    }
                }
            }
        }

edited Apr 26, 2022 at 12:05

Mark Rotteveel

110k241 gold badges160 silver badges233 bronze badges

answered Apr 14, 2022 at 13:38

Apix_D

1,1212 gold badges12 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

SwiftUI_Max Over a year ago

Hey. Thank you really much! Unfortunately I need a large naviagtion title (.navigationbardisplaymode(.large)) and thats why this wouldn´t work for me..

Collectives™ on Stack Overflow

SwiftUI Navigation Title Text Priority (of two texts)

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related