SwiftUI视图间ObservableObject数据同步失败问题求助

你遇到的问题根源很明确：两个视图各自创建了独立的PlayerList实例，它们是完全分开的对象，所以ViewJouer里输入的内容根本不会传递到ViewTest中。直接赋值能显示是因为你操作的是当前视图自己的那个实例，但跨视图就没有关联了。

下面给你两种常用的解决方案，核心都是让两个视图共享同一个数据源实例：

方案1：通过视图层级传递实例 #

这种方法适合简单的视图结构，直接把数据源实例从父视图传递给子视图：

1. 首先创建一个父视图，在这里初始化唯一的PlayerList实例（用@StateObject标记，因为它是数据源的所有者）：

struct ContentView: View {
    @StateObject private var playerList = PlayerList()
    
    var body: some View {
        // 这里用TabView举例，你也可以用NavigationStack或其他布局
        TabView {
            ViewJouer(player: playerList)
                .tabItem { Label("输入玩家名", systemImage: "pencil") }
            ViewTest(player: playerList)
                .tabItem { Label("查看结果", systemImage: "text.bubble") }
        }
    }
}

2. 修改两个子视图，去掉自己的PlayerList初始化，改为接收传入的实例：

ViewJouer 修改后： #

struct ViewJouer: View {
    @ObservedObject var player: PlayerList // 接收父视图传递的实例
    @Environment(\.presentationMode) var presentationMode
    
    var body: some View {
        VStack {
            TextField("Enter player name", text: $player.player1Name)
                .padding()
                .border(.gray)
        }
        .padding()
    }
}

ViewTest 修改后： #

struct ViewTest: View {
    @ObservedObject var player: PlayerList // 共享同一个实例
    
    var body: some View {
        Text("The player is \(player.player1Name)")
            .font(.title)
            .padding()
    }
}

方案2：用EnvironmentObject跨层级共享 #

如果你的视图结构比较复杂，手动传递实例太麻烦，可以用EnvironmentObject把数据源注入到环境中，子视图直接从环境获取：

1. 父视图注入环境：

struct ContentView: View {
    @StateObject private var playerList = PlayerList()
    
    var body: some View {
        TabView {
            ViewJouer()
                .tabItem { Label("输入玩家名", systemImage: "pencil") }
            ViewTest()
                .tabItem { Label("查看结果", systemImage: "text.bubble") }
        }
        .environmentObject(playerList) // 将实例注入环境
    }
}

2. 修改子视图，用@EnvironmentObject获取实例：

ViewJouer 修改后： #

struct ViewJouer: View {
    @EnvironmentObject var player: PlayerList // 从环境获取实例
    @Environment(\.presentationMode) var presentationMode
    
    var body: some View {
        VStack {
            TextField("Enter player name", text: $player.player1Name)
                .padding()
                .border(.gray)
        }
        .padding()
    }
}

ViewTest 修改后： #

struct ViewTest: View {
    @EnvironmentObject var player: PlayerList // 从环境获取同一个实例
    
    var body: some View {
        Text("The player is \(player.player1Name)")
            .font(.title)
            .padding()
    }
}

注意：使用EnvironmentObject时，必须确保父视图已经注入了对应的实例，否则运行时会抛出崩溃错误。

关键知识点总结 #

• @StateObject：用于创建并管理数据源的唯一实例，通常在父视图中使用，它会在视图生命周期内保持实例的存在。
• @ObservedObject：用于观察外部传递进来的ObservableObject实例，当实例的@Published属性变化时，视图会自动刷新。
• @EnvironmentObject：是@ObservedObject的便捷版，通过环境共享实例，适合复杂视图层级下的数据源传递。

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