SwiftUI如何按目标平台展示对应视图并消除作用域编译报错

#available 是运行时版本检查语法，不会在编译阶段剔除不相关代码。当你编译iOS目标时，编译器依然会尝试解析WatchView()的类型定义，但WatchView只勾选了watchOS的Target Membership，没有加入iOS编译目标，自然会触发「Cannot find 'WatchView' in scope」错误。

要实现按编译目标隔离视图，必须使用Swift的编译时条件宏：只有匹配当前编译目标的代码块会被编译器解析，其他平台的代码会被直接忽略，从根源上避免跨平台类型找不到的问题。

基础方案：直接使用内置平台编译宏 #

Swift原生提供了各平台的编译判断标识，支持的参数包括iOS、macOS、watchOS、tvOS、visionOS，直接用#if os(xxx)包裹对应平台的视图代码即可：

@ViewBuilder
var body: some View {
    #if os(iOS)
    // 编译iOS目标时，仅这块代码会被解析
    if #available(iOS 14, *) {
        iOSView()
    } else {
        OldVersioniOSView()
    }
    #elseif os(watchOS)
    // 编译watchOS目标时，仅这块代码会被解析
    WatchView()
    #elseif os(macOS)
    // 编译macOS目标时，仅这块代码会被解析
    MacView()
    #else
    // 可选兜底视图
    Text("当前平台暂未适配")
    #endif
}

小提示：如果需要适配Mac Catalyst，可以额外使用#if targetEnvironment(macCatalyst)做单独的分支判断。

复用方案：封装统一平台容器 #

如果项目中多处需要做平台视图切换，可以把平台判断逻辑收敛成一个通用容器，避免重复写条件宏：

import SwiftUI

struct PlatformView: View {
    private let content: AnyView
    
    init(iOS: @escaping () -> some View,
         watchOS: @escaping () -> some View,
         macOS: @escaping () -> some View) {
        #if os(iOS)
        self.content = AnyView(iOS())
        #elseif os(watchOS)
        self.content = AnyView(watchOS())
        #elseif os(macOS)
        self.content = AnyView(macOS())
        #else
        self.content = AnyView(Text("未适配平台"))
        #endif
    }
    
    var body: some View {
        content
    }
}

调用时不需要再写条件判断，直接传入各平台对应视图即可：

var body: some View {
    PlatformView(
        iOS: { iOSView() },
        watchOS: { WatchView() },
        macOS: { MacView() }
    )
}

• 明确区分两个语法的职责：#available仅用于运行时判断系统版本是否满足API要求，完全不能做平台隔离；平台隔离必须靠#if os(xxx)在编译阶段裁剪代码。
• 各平台专属视图只需要勾选对应平台的Target Membership即可，不需要加入全平台编译目标，能有效减小安装包体积。
• 如果需要判断是否是模拟器环境，可以使用#if targetEnvironment(simulator)分支。

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