NEW: My new book Pro SwiftUI is out now – level up your SwiftUI skills today! >>

I dont want to use Form's for input data but I want to have the same style of NavigationLink(same look)

Forums > 100 Days of SwiftUI

Can someone help me how to do the NavigationLink to look the same as it would look like in the Form

   

Use List instead, if you don't want Form.

   

@ygeras I want to have a screen where part of the screen is meant for input data and the other part is a picture with some general data(ordinary Text) on the side. I want to make the entire screen scrollable so I tried to put the form under the ScrollView but then the form disapears. Now I try to get rid of the form but I want the NavigationLink look the same..

   

Will it be close enough to look like nav link in form?

struct ContentView: View {
    var body: some View {
        NavigationStack {
            ZStack {
                Color(uiColor: .systemGroupedBackground)
                    .ignoresSafeArea()
                NavigationLink(destination: SecondView()) {
                    LabeledContent("Navigate") {
                        Image(systemName: "chevron.right")
                            .foregroundColor(Color(uiColor: .tertiaryLabel))
                            .imageScale(.small)
                            .fontWeight(.bold)

                    }
                    .padding(.vertical, 12)
                    .padding(.horizontal, 12)
                    .foregroundColor(.black)
                }
                .background(
                    RoundedRectangle(cornerRadius: 10)
                        .foregroundColor(.white)
                )
                .padding()
            }
        }
    }
}

struct SecondView: View {
    var body: some View {
        Text("Second View")
    }
}

   

@This is really nice looking! Really good work. Thank you very much!

   

Hacking with Swift is sponsored by Judo

SPONSORED Let’s face it, SwiftUI previews are limited, slow, and painful. Judo takes a different approach to building visually—think Interface Builder for SwiftUI. Build your interface in a completely visual canvas, then drag and drop into your Xcode project and wire up button clicks to custom code. Download the Mac App and start your free trial today!

Try 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.