Swift跨文件访问变量问题：TabView页面展示选中商品费用

针对你在TabView不同页面间共享商品选中状态、展示对应费用的需求，以下是两种实用的SwiftUI实现方案：

1. 使用ObservableObject + EnvironmentObject（推荐多商品场景） #

这种方式通过全局环境共享数据模型，适合需要维护多个选中商品、计算总费用的复杂场景。

步骤1：定义数据模型与视图模型 #

import SwiftUI

// 商品模型
struct Product: Identifiable {
    let id = UUID()
    let name: String
    let price: Double
}

// 购物车视图模型，管理选中商品与费用计算
class ShoppingCartViewModel: ObservableObject {
    @Published var selectedProducts: [Product] = []
    
    // 计算总费用
    var totalCost: Double {
        selectedProducts.reduce(0) { $0 + $1.price }
    }
    
    // 切换商品选中状态
    func toggleProductSelection(_ product: Product) {
        if let index = selectedProducts.firstIndex(where: { $0.id == product.id }) {
            selectedProducts.remove(at: index)
        } else {
            selectedProducts.append(product)
        }
    }
}

步骤2：在TabView父视图注入环境对象 #

struct MainTabView: View {
    @StateObject private var cartVM = ShoppingCartViewModel()
    
    var body: some View {
        TabView {
            ProductSelectionView()
                .tabItem {
                    Label("选商品", systemImage: "cart")
                }
            CostDisplayView()
                .tabItem {
                    Label("费用", systemImage: "dollarsign.circle")
                }
        }
        // 将视图模型注入到TabView的全局环境
        .environmentObject(cartVM)
    }
}

步骤3：商品选择页面（使用环境对象） #

struct ProductSelectionView: View {
    @EnvironmentObject private var cartVM: ShoppingCartViewModel
    @State private var products: [Product] = [
        Product(name: "商品A", price: 99.9),
        Product(name: "商品B", price: 199.9),
        Product(name: "商品C", price: 49.9)
    ]
    
    var body: some View {
        List(products) { product in
            HStack {
                Text(product.name)
                Spacer()
                Text("¥\(product.price, specifier: "%.2f")")
                Toggle("", isOn: .constant(cartVM.selectedProducts.contains { $0.id == product.id }))
                    .onTapGesture {
                        cartVM.toggleProductSelection(product)
                    }
            }
        }
    }
}

步骤4：费用展示页面（使用环境对象） #

struct CostDisplayView: View {
    @EnvironmentObject private var cartVM: ShoppingCartViewModel
    
    var body: some View {
        VStack(spacing: 20) {
            Text("已选商品清单")
                .font(.title)
            
            List(cartVM.selectedProducts) { product in
                HStack {
                    Text(product.name)
                    Spacer()
                    Text("¥\(product.price, specifier: "%.2f")")
                }
            }
            
            Text("总费用：¥\(cartVM.totalCost, specifier: "%.2f")")
                .font(.title2)
                .bold()
            
            Spacer()
        }
        .padding()
    }
}

2. 使用@Binding（适合单个商品选中场景） #

如果仅需要选择单个商品展示费用，可以通过父视图维护状态，用@Binding传递给子视图，实现简单的状态共享。

父视图（TabView容器） #

struct MainTabView: View {
    @State private var selectedProduct: Product? = nil
    
    var body: some View {
        TabView {
            ProductSelectionView(selectedProduct: $selectedProduct)
                .tabItem {
                    Label("选商品", systemImage: "cart")
                }
            CostDisplayView(selectedProduct: $selectedProduct)
                .tabItem {
                    Label("费用", systemImage: "dollarsign.circle")
                }
        }
    }
}

商品选择页面 #

struct ProductSelectionView: View {
    @Binding var selectedProduct: Product?
    @State private var products: [Product] = [
        Product(name: "商品A", price: 99.9),
        Product(name: "商品B", price: 199.9)
    ]
    
    var body: some View {
        List(products) { product in
            Button(action: {
                selectedProduct = product
            }) {
                HStack {
                    Text(product.name)
                    Spacer()
                    Text("¥\(product.price, specifier: "%.2f")")
                    if selectedProduct?.id == product.id {
                        Image(systemName: "checkmark")
                            .foregroundColor(.blue)
                    }
                }
            }
        }
    }
}

费用展示页面 #

struct CostDisplayView: View {
    @Binding var selectedProduct: Product?
    
    var body: some View {
        VStack(spacing: 20) {
            if let product = selectedProduct {
                Text("已选商品：\(product.name)")
                Text("费用：¥\(product.price, specifier: "%.2f")")
            } else {
                Text("请选择商品")
            }
            Spacer()
        }
        .padding()
        .font(.title)
    }
}

关于你之前尝试方法的问题说明 #

• file.init(variable: true)：这种方式是创建新的视图实例，每个实例的状态独立，无法实现跨页面共享。
• 直接访问variable：变量有作用域限制，其他文件的视图无法直接访问另一个视图的私有状态。

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