SwiftUI按钮调用方法报错及API调用后页面跳转求助

一、解决"Type '()' cannot conform to View"错误 #

错误原因 #

sheet(isPresented:)的尾随闭包要求返回一个符合View协议的视图，但你直接调用了self.register()——这个方法无返回值（返回类型为Void，即()），无法满足View类型要求，因此报错。另外你的register()方法定义在ContentView结构体外部，这也是语法错误，必须移到结构体内部。

修改方案 #

将register()的调用移到sheet弹出后的生命周期回调（onAppear）中，同时在sheet闭包内返回一个合法的View（比如加载提示或空视图）：

.sheet(isPresented: $isShowingWebView) {
    // 显示加载状态，也可替换为EmptyView()
    ProgressView("验证中...")
        .onAppear {
            self.register()
        }
}

二、API调用完成后跳转新页面 #

API调用是异步操作，需在回调中处理跳转逻辑，步骤如下：

1. 添加导航状态与容器 #

给ContentView添加控制跳转的状态变量，并用导航容器包裹主视图：

@State private var isNavigateToNextPage = false

// iOS16+ 使用NavigationStack，iOS13-15替换为NavigationView
NavigationStack {
    // 原ZStack内容
}

2. 改造register方法处理异步回调 #

假设你的registerUser方法支持完成回调，在成功回调中触发跳转：

func register() {
    let registerDict = [
        "deviceId": UIDevice.current.identifierForVendor!.uuidString,
        "deviceName": UIDevice.modelName,
        "authCode": "HFua7FUmkB22GNdMV7TZwrU-1sQujTNcvkvBqGnQPIU"
    ]
    
    Webservice.getInstance().registerUser(parameter: registerDict as NSDictionary) { success, error in
        // 回到主线程更新UI
        DispatchQueue.main.async {
            // 先关闭当前sheet
            isShowingWebView = false
            
            if success {
                // 触发页面跳转
                isNavigateToNextPage = true
            } else {
                // 处理错误，比如打印提示
                print("验证失败：\(error?.localizedDescription ?? "未知错误")")
            }
        }
    }
}

3. 添加导航跳转逻辑 #

在导航容器内添加跳转目标：

// iOS16+ 使用navigationDestination
.navigationDestination(isPresented: $isNavigateToNextPage) {
    // 替换为你的目标页面，比如HomeView
    HomeView()
}

// iOS13-15 使用NavigationLink
NavigationLink(destination: HomeView(), isActive: $isNavigateToNextPage) {
    EmptyView()
}

完整修改后代码 #

import SwiftUI
import WebKit

struct ContentView: View {
    @State private var isShowingWebView: Bool = false
    @State private var isNavigateToNextPage = false
    let webView = WKWebView()
    
    var body: some View {
        NavigationStack { // iOS13-15替换为NavigationView
            ZStack {
                Button(action: {
                    isShowingWebView = true
                }) {
                    Text("Login")
                        .padding([.horizontal], 100)
                        .padding([.bottom, .top], 10)
                        .font(.system(size: 20, weight: .bold))
                        .foregroundColor(.black)
                        .background(RoundedRectangle(cornerRadius: 8).fill(Color.white))
                        .buttonStyle(PlainButtonStyle())
                }
                .sheet(isPresented: $isShowingWebView) {
                    ProgressView("验证中...")
                        .onAppear {
                            register()
                        }
                }
                Spacer()
            }
            .padding()
            .navigationDestination(isPresented: $isNavigateToNextPage) { // iOS13-15替换为NavigationLink
                HomeView()
            }
        }
    }
    
    func register() {
        let registerDict = [
            "deviceId": UIDevice.current.identifierForVendor!.uuidString,
            "deviceName": UIDevice.modelName,
            "authCode": "HFua7FUmkB22GNdMV7TZwrU-1sQujTNcvkvBqGnQPIU"
        ]
        
        Webservice.getInstance().registerUser(parameter: registerDict as NSDictionary) { success, error in
            DispatchQueue.main.async {
                isShowingWebView = false
                if success {
                    isNavigateToNextPage = true
                } else {
                    print("验证失败：\(error?.localizedDescription ?? "未知错误")")
                }
            }
        }
    }
}

// 示例目标页面
struct HomeView: View {
    var body: some View {
        Text("验证成功，欢迎进入首页")
            .font(.largeTitle)
            .bold()
    }
}

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