SwiftUI点击地图标注打开Sheet并跳转页面问题求助

需求 #

• 点击地图标注（触发mainViewModel.selectedItem）时，显示iOS 16引入的Sheet组件，替代原有的MapPinDetailView弹窗
• 点击Sheet内的内容时，跳转至PlaceDetailView

原有可运行代码（未使用Sheet） #

struct MapView: View {
    @State var showActiveMapAnnotation = false
    // 注：需补充mainViewModel声明，比如@ObservedObject var mainViewModel = MainViewModel()
    var body: some View {
        NavigationView {
            ZStack {
                if mainViewModel.selectedItemId != 0 {
                    activeMapAnnotationDisplay
                }
            }
            .toolbar(.hidden)
        }
    }
}

private var activeMapAnnotationDisplay: some View {
    VStack {
        Spacer()
        TabView(selection: $mainViewModel.selectedItemId) {
            if let item = mainViewModel.selectedItem {
                NavigationLink(
                    destination: PlaceDetailView(place: item),
                    label: {
                        MapPinDetailView(item: item)
                    }
                )
            }
        }
    }
}

尝试代码与错误 #

替换为Sheet时写出如下代码：

private var activeMapAnnotationDisplay: some View {
    if let item = mainViewModel.selectedItem {
        showActiveMapAnnotation = true
        
        // When map annotation is selected, show sheet
        // When sheet is clicked, open PlaceDetailView
        
        .sheet(isPresented: $showActiveMapAnnotation, content: {
            if #available(iOS 16.0, *) {
                ScrollView {
                    // Things will go here
                }
                    .presentationDetents([.large, .fraction(0.3)])
            } else {
                // Fallback on earlier versions
            }
        })
    }
}

出现错误：
Function declares an opaque return type, but has no return statements in its body from which to infer an underlying type

解决方案 #

错误核心是activeMapAnnotationDisplay声明返回some View，但代码未返回合法视图实例，且直接修改@State变量的写法不符合SwiftUI视图构建逻辑。以下是修正后的完整实现：

修正步骤说明 #

1. 改用.sheet(item:)绑定selectedItem：利用可选值特性，selectedItem不为nil时自动弹出Sheet，无需额外状态变量
2. 确保activeMapAnnotationDisplay始终返回合法视图：即便无选中项，也返回EmptyView避免类型推断错误
3. 在Sheet内部添加NavigationLink实现跳转，同时适配iOS 16的presentationDetents

完整修正代码 #

struct MapView: View {
    // @ObservedObject var mainViewModel = MainViewModel() // 根据实际情况声明ViewModel
    var body: some View {
        NavigationStack { // iOS 16+推荐用NavigationStack替代NavigationView
            ZStack {
                // 这里保留你的地图视图，比如Map(...)
                activeMapAnnotationDisplay
            }
            .toolbar(.hidden)
        }
    }
}

private var activeMapAnnotationDisplay: some View {
    // 以EmptyView为基础附加Sheet
    EmptyView()
        .sheet(item: $mainViewModel.selectedItem) { selectedItem in
            NavigationStack {
                ScrollView {
                    // 这里放置原MapPinDetailView的内容或自定义Sheet布局
                    Text(selectedItem.name) // 示例：显示地点名称
                        .padding()
                }
                .navigationTitle(selectedItem.name)
                .navigationBarTitleDisplayMode(.inline)
                .toolbar {
                    ToolbarItem(placement: .navigationBarTrailing) {
                        Button("关闭") {
                            mainViewModel.selectedItem = nil
                        }
                    }
                }
                // iOS 16+ 设置Sheet显示高度
                .presentationDetents([.large, .fraction(0.3)])
                // 实现点击Sheet任意区域跳转的逻辑
                .background(
                    NavigationLink(
                        destination: PlaceDetailView(place: selectedItem),
                        label: {
                            Color.clear
                        }
                    )
                )
            }
        }
}

// 注：需确保Item类型遵循Identifiable协议，否则.sheet(item:)无法使用
extension YourItemType: Identifiable {
    var id: Int { // 用item的唯一标识，比如对应selectedItemId的属性
        self.itemId
    }
}

关键细节说明 #

• 若selectedItem对应的类型未遵循Identifiable，需添加扩展实现该协议，这是.sheet(item:)的必要条件
• Sheet内的NavigationLink用Color.clear作为背景，实现点击Sheet任意区域跳转；若需指定跳转区域，将NavigationLink包裹对应内容即可
• 关闭Sheet时直接设置mainViewModel.selectedItem = nil，更符合MVVM逻辑

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