How to push a new view when a list row is tapped in SwiftUI?

Uplift iOS Interview

"Uplift iOS Interview" is a comprehensive guide to help aspiring iOS developers soar to new heights in their careers. This book is an indispensable tool for anyone looking to crack the iOS interview and impress their future employers with their technical prowess. With in-depth coverage of Swift, AutoLayout, SwiftUI, Multithreading, Memory management so on and so forth, this book is a treasure trove of knowledge for anyone looking to uplift their iOS development career.

I want this

To push a new view when a list row is tapped in SwiftUI, you can use the NavigationLink view provided by the SwiftUI framework. The NavigationLink view allows you to navigate to a new view when the user taps on it, and it is typically used within a list to create a drill-down effect.

Here’s an example of how to use the NavigationLink view to push a new view when a list row is tapped in SwiftUI:

struct ContentView: View {
  var body: some View {
    NavigationView {
      List {
        NavigationLink(destination: DetailView()) {
          Text("Item 1")
        }
        NavigationLink(destination: DetailView()) {
          Text("Item 2")
        }
      }
      .navigationBarTitle("List")
    }
  }
}

struct DetailView: View {
  var body: some View {
    Text("Detail View")
  }
}

In this example, the ContentView contains a list of NavigationLink views, each of which points to a DetailView as its destination. When the user taps on a NavigationLink in the list, the DetailView is pushed onto the navigation stack, and the user can navigate back to the list by tapping the back button in the navigation bar.

You can customize the behavior of the NavigationLink view by using its various modifiers, such as isActive, tag, and selection, which allow you to control the appearance and behavior of the link. You can also use the NavigationView and NavigationButton views to control the appearance and behavior of the navigation bar and back button.

Rev Up Your iOS Skills: Take a Dynamic Learning Journey

iOS Career Boost is the ultimate learning journey to elevate your iOS development career through a dynamic blend of visual learning, handy cheat sheets, coding practice materials, and expertly curated tips and tricks

Get Ready to Shine: Mastering the iOS Interview

• Uplift iOS Interview - A Comprehensive Guide to iOS Interview
• Xcode Cheat Sheet for Swift
• Xcode Cheat Sheet for SwiftUI

Enjoying the articles? Get the inside scoop by subscribing to my newsletter.

Get access to exclusive iOS development tips, tricks, and insights when you subscribe to my newsletter. You'll also receive links to new articles, app development ideas, and an interview preparation mini book. Your email address will only be used for the purpose of sending the newsletter and will not be shared with third parties or advertisers. Rest assured that we value your privacy and will not spam your inbox.

Connect with me on

Twitter and LinkedIn and don't hesitate to reach out with any questions about this post. Thank you for reading.