UPGRADE YOUR SKILLS: Learn advanced Swift and SwiftUI on Hacking with Swift+! >>

navigationTitle will not remain large after segueing from a previous view that set it to inline (automatically)

Forums > SwiftUI

@00jim  

SwiftUI's behaviour seems to follow through to the next view e.g. the navigationTitle will be emboldened and justified to leading edge.

However, with multiple collectionView cells on a view, scrolling them toward the top of the view will then move the navigationTitle into the menu bar at the top and centre it.

I noticed that if I do not do this and click on a cell to navigate to a new view that that view will also have its navigationTitle emboldened and justified to the leading edge of the screen.

Likewise, if the user has scrolled cells upward, to move that navigationTitle to the top and centre, then the next view will do the same.

I would like to ensure that even if the navigationTitle has moved to the centre (from an upward scrolling action) that the next view navigated to resets to ensure that the navigationTitle is emboldened and from the leading edge.

import SwiftUI

enum TestData: String, CaseIterable {
    case title1, title2, title3, title4, title5

    var description: String {
        return self.rawValue
    }
}

struct TestItem: Identifiable {
    let id = UUID()
    let data: TestData
}

let dataset: [TestItem] = []

struct TestTitleView: View {
    let testData: [TestData] = [.title1, .title2, .title3, .title4, .title5]

    var body: some View {
        NavigationView {
            ScrollView {
                LazyVGrid(columns: [GridItem(.flexible())], spacing: 0) {
                    ForEach(testData, id: \.self) { data in
                        NavigationLink(destination: TestSegueView(data: data)) {
                            DataCell(data: data)
                        }
                    }
                }
            }
            .navigationTitle("Test Data")
            .navigationBarTitleDisplayMode(.large)
        }
    }
}

struct DataCell: View {
    let data: TestData

    var body: some View {
        Text(data.description.capitalized)
            .frame(maxWidth: .infinity)
            .frame(height: UIScreen.main.bounds.height / 5)
            .background(Color.gray)
            .foregroundColor(.black)
            .cornerRadius(25)
            .padding(5)
    }
}

struct TestSegueView: View {
    @State var data: TestData

    var body: some View {
        VStack {
            ScrollView(.vertical) {
                LazyVGrid(columns: [GridItem(.flexible(), spacing: 10), GridItem(.flexible(), spacing: 10)], spacing: 10) {
                    ForEach(dataset.filter { $0.data == self.data }) { item in
                        DataItemTile(item: item)
                            .frame(maxWidth: .infinity) // Expand cell width to fill the grid column
                    }
                }
                .padding()
            }
        }
        .frame(maxWidth: .infinity)
        .navigationBarTitle(data.description.capitalized, displayMode: .large) // Set display mode to large
        .navigationBarItems(trailing:
            Button(action: {
                print("Button pressed !")
            }) {
                Image(systemName: "plus")
            }
        )
    }
}

struct DataItemTile: View {
    let item: TestItem

    var body: some View {
        Text(item.data.description)
    }
}

I have set the navigationBarTitleDisplayMode to .large, but SwiftUI seems to override the desired behaviour that I am looking for.

1      

Hacking with Swift is sponsored by Essential Developer

SPONSORED Join a FREE crash course for mid/senior iOS devs who want to achieve an expert level of technical and practical skills – it’s the fast track to being a complete senior developer! Hurry up because it'll be available only until April 28th.

Click to save your free spot now

Sponsor Hacking with Swift and reach the world's largest Swift community!

Reply to this topic…

You need to create an account or log in to reply.

All interactions here are governed by our code of conduct.

 
Unknown user

You are not logged in

Log in or create account
 

Link copied to your pasteboard.