能否实现动态尺寸的FullScreenCover？@State变量赋值失效问题

你的问题核心在于：当你同时更新@State变量maxWidth并触发fullScreenCover呈现时，SwiftUI的视图刷新时机导致fullScreenCover捕获的是maxWidth的旧值——因为呈现操作几乎和状态更新同步发生，视图还没来得及刷新就已经渲染了fullScreenCover的内容。

下面提供两种可靠的替代方案：

方案一：用绑定对象封装显示状态与尺寸 #

把显示状态和需要传递的尺寸、数据封装成一个结构体，通过fullScreenCover(item:)的方式绑定。这种方式会确保只有当完整的配置对象准备好后，才会呈现fullScreenCover，并且内容视图直接使用配置里的最新值。

首先定义配置结构体：

struct ImageViewerConfig {
    let exercise: ExerciseData
    let maxWidth: CGFloat
    let maxHeight: CGFloat
}

修改原视图代码：

struct ExerciseDetailTopViewiPad: View {
    
    let exercise: ExerciseData
    
    @State private var imageViewerConfig: ImageViewerConfig?
    
    var body: some View {
    
        Image(uiImage: exercise.exerciseImage.imageExerciseFromBase64)
            .onTapGesture {
                let image = exercise.exerciseImage.imageExerciseFromBase64
                let aspectRatio = image.size.height / image.size.width
                let fixedMaxHeight: CGFloat = 850
                let calculatedWidth = (fixedMaxHeight / aspectRatio) - 30 // 减去顶部菜单高度
                
                imageViewerConfig = ImageViewerConfig(
                    exercise: exercise,
                    maxWidth: calculatedWidth.rounded(.up),
                    maxHeight: fixedMaxHeight
                )
            }
            .fullScreenCover(item: $imageViewerConfig) { config in
                ExerciseDetailImageVieweriPad(exercise: config.exercise)
                    .frame(maxWidth: config.maxWidth, maxHeight: config.maxHeight)
                    .clipShape(RoundedRectangle(cornerRadius: 10))
                    .shadow(color: Color(white: 0.7), radius: 20)
                    .presentationBackground { Rectangle().fill(.clear) }
            }
    }
}

方案二：在fullScreenCover内部直接计算尺寸 #

既然尺寸是基于exercise的图片数据计算的，完全可以把计算逻辑移到fullScreenCover的内容闭包里，这样每次呈现时都会重新计算，不需要依赖外部状态变量，避免时机问题。

修改后的代码：

struct ExerciseDetailTopViewiPad: View {
    
    let exercise: ExerciseData
    
    @State private var showExerciseImageViewer = false
    
    var body: some View {
    
        Image(uiImage: exercise.exerciseImage.imageExerciseFromBase64)
            .onTapGesture {
                showExerciseImageViewer = true
            }
            .fullScreenCover(isPresented: $showExerciseImageViewer) {
                let image = exercise.exerciseImage.imageExerciseFromBase64
                let aspectRatio = image.size.height / image.size.width
                let fixedMaxHeight: CGFloat = 850
                let calculatedWidth = (fixedMaxHeight / aspectRatio) - 30
                
                ExerciseDetailImageVieweriPad(exercise: exercise)
                    .frame(maxWidth: calculatedWidth.rounded(.up), maxHeight: fixedMaxHeight)
                    .clipShape(RoundedRectangle(cornerRadius: 10))
                    .shadow(color: Color(white: 0.7), radius: 20)
                    .presentationBackground { Rectangle().fill(.clear) }
            }
    }
}

为什么原代码不生效？ #

原代码中，maxWidth = newWidth和showExerciseImageViewer = true几乎同时执行。SwiftUI会优先响应showExerciseImageViewer的变化，立即渲染fullScreenCover的内容，此时maxWidth的更新还没触发视图的重新计算，所以内容里的maxWidth还是初始值533。而上面两种方案要么把状态和数据绑定，要么直接在内容内部计算，都避开了这个时机问题。

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