SwiftUI集成Supabase谷歌登录遇SFSafariViewController等作用域错误

1. 先搞定框架导入问题 #

出现Cannot find type 'SFSafariViewController' in scope和Cannot find type 'UIViewControllerRepresentable' in scope，最直接的原因是没正确导入对应框架，或者导入位置不对：

• 在用到这些类型的代码文件顶部，必须同时导入三个框架：

  import SwiftUI
  import SafariServices
  import UIKit
  

  划重点：UIViewControllerRepresentable属于UIKit，必须显式导入UIKit才能用；SFSafariViewController则依赖SafariServices框架。

2. 检查文件与Target配置 #

• 确认你的代码文件是SwiftUI视图文件，且所在的Target仅勾选了iOS平台（你的部署版本16.4完全符合要求），别不小心勾了macOS/watchOS这类不相关的平台。
• 如果是单独封装UIViewControllerRepresentable的文件，检查文件是否被错误归属到其他平台的Target里。

3. 清缓存重启Xcode #

Xcode 14.3.1偶尔会抽风出现索引异常，导致框架类型识别失败：

• 按Cmd+Shift+K清理项目构建缓存
• 关掉Xcode，删除~/Library/Developer/Xcode/DerivedData目录下对应项目的缓存文件夹
• 重新打开项目构建一次

4. 验证Supabase依赖是否正确集成 #

• 用CocoaPods的话，确认Podfile里有pod 'Supabase'，并且执行过pod install
• 用Swift Package Manager的话，确认已经添加了Supabase的包依赖，版本和官方文档要求匹配

封装SafariViewController的示例代码 #

如果需要把SFSafariViewController封装成SwiftUI可用的组件，正确代码结构如下：

import SwiftUI
import SafariServices
import UIKit

struct SafariView: UIViewControllerRepresentable {
    let url: URL
    
    func makeUIViewController(context: Context) -> SFSafariViewController {
        SFSafariViewController(url: url)
    }
    
    func updateUIViewController(_ uiViewController: SFSafariViewController, context: Context) {}
}

// 在SwiftUI视图里调用的示例
struct ContentView: View {
    @State private var showLoginSafari = false
    // 替换成你从Supabase获取的谷歌登录跳转URL
    let googleLoginUrl = URL(string: "https://your-project.supabase.co/auth/v1/authorize?provider=google")!
    
    var body: some View {
        Button("谷歌登录") {
            showLoginSafari = true
        }
        .sheet(isPresented: $showLoginSafari) {
            SafariView(url: googleLoginUrl)
        }
    }
}

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