首次点击ScrollView中子视图时变量未初始化问题排查

问题现象 #

父视图ScrollView包含多个子视图，应用首次启动后点击任意子视图，弹出的DiscoverView接收的变量未正确初始化；返回父视图后再次点击（包括同一视图），变量能正常传递，仅首次出现该问题，等待视图渲染完成再点击也无效，无报错。

问题原因 #

你当前通过单独的@State变量image、scale存储传递数据，再用showDiscover触发全屏弹窗。SwiftUI中状态更新与视图呈现存在时机竞态：首次点击时，showDiscover.toggle()会立即触发弹窗呈现，此时image和scale的状态更新尚未完成，导致DiscoverView拿到的是初始值（空字符串、0.5）。后续点击时状态更新逻辑已与视图呈现同步，因此能正常传递数据。

修复方案 #

推荐使用fullScreenCover(item:)方式，直接绑定数据模型，彻底避免状态竞态问题：

1. 定义数据模型（需遵循Identifiable协议）

struct DiscoverItem: Identifiable {
    let id = UUID()
    let imageName: String
    let scale: Double
    let title: String
}

2. 修改父视图ExploreView

struct ExploreView: View {
    @StateObject var viewModel = ExploreViewModel()
    @State var imageArray: [String] = ["final", "final2"]
    @State var scaleDis: [Double] = [0.7, 0.5]
    @Environment(\.presentationMode) var presentationMode
    // 用可选数据模型控制弹窗显示
    @State private var selectedDiscoverItem: DiscoverItem?
    
    // 补充title数据源（原代码中title变量未定义，需根据实际场景调整）
    @State var titleArray: [String] = ["标题1", "标题2"]
    
    var body: some View {
        VStack {
            ScrollView {
                LazyHStack {
                    ForEach(imageArray.indices, id: \.self) { i in
                        Button {
                            // 直接初始化数据模型，触发弹窗
                            selectedDiscoverItem = DiscoverItem(
                                imageName: imageArray[i],
                                scale: scaleDis[i],
                                title: titleArray[i]
                            )
                        } label: {
                            DiscoverRowView(imageName: imageArray[i], scale: scaleDis[i])
                        }
                    }
                }
            }
        }
        // 通过item绑定弹窗，数据完全初始化后才会呈现
        .fullScreenCover(item: $selectedDiscoverItem) { item in
            DiscoverView(title: item.title, imageName: item.imageName, scale: item.scale)
        }
    }
}

3. 优化子视图DiscoverRowView
   原代码中imageName和scale是父视图传递的不可变数据，无需用@State修饰，改为常量即可：

struct DiscoverRowView: View {
    let imageName: String
    let scale: Double
    
    var body: some View {
        VStack(alignment: .center, spacing: 2) {
            ZStack {
                Image(imageName)
                    .frame(width: 60, height: 60)
                    .scaleEffect(scale)
                    .offset(y: -15)
            }
        }
    }
}

修复说明 #

• fullScreenCover(item:)通过数据模型的存在性控制弹窗呈现，只有当selectedDiscoverItem完成初始化后，弹窗才会被创建，从根源避免了状态更新与视图呈现的竞态。
• 用单一数据模型封装所有需要传递的参数，无需维护多个独立@State变量，代码更简洁易维护。
• 调整DiscoverRowView的属性为常量，符合SwiftUI状态管理的最佳实践（@State仅用于视图内部可变状态）。

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