SwiftUI中List列表点击项无法跳转新视图的问题

问题根源 #

你在Button的action闭包里创建NavigationLink的方式完全错误。SwiftUI是声明式UI框架，所有视图必须作为视图层级的一部分被声明，而不是在事件闭包中临时创建。你初始化的NavigationLink没有被添加到视图树中，所以既不会触发跳转，还会出现“未使用初始化结果”的警告。

解决方案 #

根据你的需求，有几种可行的实现方式：

1. 直接用NavigationLink作为列表行（最简单） #

如果不需要额外的点击逻辑，直接把NavigationLink作为List的行内容，它本身就具备可点击跳转的能力：

// 假设你的NavItem模型定义
struct NavItem: Identifiable {
    let id = UUID()
    let title: String
}

struct SettingsTabView: View {
    let navItems: [NavItem] = [
        NavItem(title: "个人资料"),
        NavItem(title: "账号设置")
    ]
    
    var body: some View {
        NavigationStack { // iOS 16+用NavigationStack，iOS 13-15用NavigationView
            List(navItems) { item in
                NavigationLink(destination: ProfileView()) {
                    Text(item.title)
                }
            }
        }
    }
}

2. 自定义点击逻辑+isActive绑定（兼容旧版iOS） #

如果需要在点击时先执行自定义逻辑（比如打印日志），再跳转，可以用isActive绑定控制隐藏的NavigationLink：

struct SettingsTabView: View {
    let navItems: [NavItem] = [/* 你的数据 */]
    @State private var shouldNavigate = false
    
    var body: some View {
        NavigationStack {
            List(navItems) { item in
                Button(action: {
                    // 先执行自定义逻辑
                    print("点击了\(item.title)")
                    // 触发跳转
                    shouldNavigate = true
                }) {
                    Text(item.title)
                }
            }
            // 隐藏的NavigationLink，通过状态控制跳转
            NavigationLink(
                destination: ProfileView(),
                isActive: $shouldNavigate
            ) {
                EmptyView()
            }
            .hidden()
        }
    }
}

3. 使用navigationDestination（iOS 16+推荐） #

iOS 16及以上提供了更灵活的navigationDestination API，适合需要根据不同列表项跳转不同视图的场景：

struct SettingsTabView: View {
    let navItems: [NavItem] = [/* 你的数据 */]
    @State private var selectedItem: NavItem?
    
    var body: some View {
        NavigationStack {
            List(navItems) { item in
                Button(action: {
                    print("点击了\(item.title)")
                    selectedItem = item
                }) {
                    Text(item.title)
                }
            }
            // 绑定选中项，触发对应跳转
            .navigationDestination(item: $selectedItem) { item in
                // 可根据item给目标视图传参
                ProfileView(userTitle: item.title)
            }
        }
    }
}

内容的提问来源于stack exchange，提问作者Sagar