SwiftUI预览传递Binding报错：无法找到$selectedTab作用域

问题原因 #

LocationView依赖@Binding var selectedTab: Tab接收状态绑定，但在预览结构体LocationView_Previews的作用域内未定义对应的selectedTab变量，直接使用$selectedTab会触发“找不到变量”的报错。

解决方案 #

要给预览提供合法的Binding，只需在预览结构体中声明一个@State变量作为状态数据源，再通过$符号生成Binding传递给LocationView即可，同时要确保Tab枚举能被LocationView访问到。

步骤1：确保Tab枚举的可访问性

如果Tab枚举定义在MenuView内部且为public，在单独的LocationView文件中需通过MenuView.Tab引用；更推荐将Tab枚举移到顶层（比如单独Swift文件或所有视图都能访问的位置），方便全局调用：

// 顶层定义Tab枚举，所有视图可直接引用
public enum Tab: Hashable {
    case location
    case calculate
    case install
    case results
    case about
}

步骤2：修改LocationView的预览代码

在预览结构体中添加@State变量，生成合法的Binding：

import SwiftUI

struct LocationView: View {
    @Binding var selectedTab: Tab
    
    var body: some View {
        NavigationView {
            // 视图内容
        }
    }
}

struct LocationView_Previews: PreviewProvider {
    // 声明@State变量作为Binding的数据源
    @State static private var selectedTab = Tab.location
    
    static var previews: some View {
        LocationView(selectedTab: $selectedTab)
    }
}

若Tab枚举仍在MenuView内部，只需将预览里的变量修改为：

@State static private var selectedTab = MenuView.Tab.location

额外提醒 #

避免重复定义LocationView：原代码中MenuView内部嵌套了一个LocationView结构体，同时又存在单独的LocationView文件，这会导致结构体重复，需删除其中一个重复定义，保证代码结构清晰。

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