你遇到的问题其实很常见——默认情况下，List里的NavigationLink如果嵌套或者把整个Row包起来，会导致点击区域冲突，而且还得兼顾swipeActions的使用。下面给你一个完美符合需求的解决方案，不用废弃API，也不用放弃List的swipeActions：

核心思路 #

我们需要把Cell拆分成两个独立的交互区域，分别绑定对应的NavigationLink，同时让List Row的默认点击行为不干扰这些独立Link，最终保留swipeActions的完整功能。

修改后的完整代码 #

struct TimelineView: View {
    let tweets: [Tweet] = tweets
    let users: [User] = users
    
    var body: some View {
        NavigationStack {
            List(tweets) { tweet in
                // 用guard let替代强制解包，避免数据不存在时崩溃
                guard let user = users.first(where: { $0.id == tweet.userID }) else {
                    EmptyView()
                    return
                }
                
                HStack(alignment: .top, spacing: 8) {
                    // 1. 用户头像的跳转链接
                    NavigationLink(value: user) {
                        Image(systemName: "person")
                            .foregroundStyle(user.color)
                            .frame(width: 44, height: 44) // 固定点击区域大小，提升交互体验
                    }
                    .buttonStyle(PlainButtonStyle()) // 移除默认Link样式，让头像和普通View视觉一致
                    
                    // 2. 推文内容的跳转链接，占满剩余空间
                    NavigationLink(value: tweet) {
                        VStack(alignment: .leading, spacing: 4) {
                            Text("@\(user.name)")
                                .font(.headline)
                            Text(tweet.text)
                                .font(.body)
                        }
                    }
                    .buttonStyle(PlainButtonStyle())
                }
                // swipeActions完全保留，不受任何影响
                .swipeActions(edge: .leading) {
                    Button("Like") {
                        // 这里添加你的点赞逻辑
                    }
                    .tint(.green)
                }
            }
            .navigationDestination(for: Tweet.self) { tweet in
                TweetDetailView(tweet: tweet)
            }
            .navigationDestination(for: User.self) { user in
                UserDetailView(user: user)
            }
        }
    }
}

关键细节解释 #

• 拆分独立交互区域：不再用一个大NavigationLink包裹整个Cell，而是在Cell内部为头像、推文内容分别创建独立的NavigationLink，各自绑定对应的跳转目标，点击逻辑完全分离。
• 移除默认Link样式：通过.buttonStyle(PlainButtonStyle())去掉NavigationLink自带的下划线、箭头等样式，让UI保持原生设计风格，同时保留点击交互能力。
• 优化点击体验：给头像设置固定frame，确保用户点击时有足够大的交互区域，避免误触或无响应的情况。
• 代码健壮性提升：用guard let替代原代码的强制解包!，避免用户数据缺失时出现崩溃。
• swipeActions完全兼容：因为我们直接在List的Row视图上添加.swipeActions修饰符，这个功能和原来的使用方式完全一致，没有任何限制。

额外优化建议 #

如果想要给点击区域添加高亮反馈，可以给NavigationLink添加自定义背景，比如：

NavigationLink(value: user) {
    Image(systemName: "person")
        .foregroundStyle(user.color)
        .frame(width: 44, height: 44)
}
.buttonStyle(PlainButtonStyle())
.background(Color.gray.opacity(0.1).cornerRadius(8))

这样点击头像时会有轻微的高亮效果，进一步提升用户交互体验。

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