SwiftUI中用户从相册选择图片后跳转至另一视图的实现问题

嘿，作为刚上手SwiftUI的新手，遇到这种问题太正常啦～我来帮你搞定它！

首先，咱们先搞清楚你为什么会报错：你在body里直接写if selectedImage != nil { selected = true }是不符合SwiftUI规则的。因为body是由ViewBuilder构建的，它只允许返回View类型的内容，而赋值语句是()类型，根本没法和View协议兼容，所以才会弹出那个报错。

接下来给你两种解决方案，选你觉得顺手的就行：

方案一：用onChange监听图片选择状态 #

我们可以给按钮添加onChange修饰符，专门监听selectedImage的变化。当用户选完图片后，selectedImage就会从nil变成有值，这时我们再把selected设为true，触发全屏视图：

struct ContentView: View {
    @State private var selectedImage: UIImage?
    @State private var isImagePickerDisplay = false
    @State private var selected: Bool = false
    
    var body: some View {
        Button(action: {
            self.isImagePickerDisplay.toggle()
        }) {
            Image(systemName: "plus")
                .renderingMode(.original)
                .font(.system(size: 16, weight: .medium))
                .aspectRatio(contentMode: .fit)
                .frame(width: 36, height: 36)
                .background(Color(.white))
                .clipShape(Circle())
                .shadow(radius: 10)
        }
        .sheet(isPresented: self.$isImagePickerDisplay) {
            ImagePickerView(selectedImage: self.$selectedImage, sourceType: .photoLibrary)
        }
        // 监听selectedImage的变化
        .onChange(of: selectedImage) { newImage in
            selected = newImage != nil
        }
        .fullScreenCover(isPresented: $selected) {
            // 关闭编辑视图时重置状态，避免下次打开直接跳转
            selectedImage = nil
            selected = false
        } content: {
            EditView(selectedImage: $selectedImage)
        }
    }
}

方案二：直接用可选值控制全屏视图（更简洁） #

其实你完全可以不用selected这个中间变量，SwiftUI的fullScreenCover支持直接绑定可选值——当可选值不为nil时自动展示视图，关闭时会自动把可选值设为nil，这才是更符合SwiftUI声明式风格的写法：

struct ContentView: View {
    @State private var selectedImage: UIImage?
    @State private var isImagePickerDisplay = false
    
    var body: some View {
        Button(action: {
            self.isImagePickerDisplay.toggle()
        }) {
            Image(systemName: "plus")
                .renderingMode(.original)
                .font(.system(size: 16, weight: .medium))
                .aspectRatio(contentMode: .fit)
                .frame(width: 36, height: 36)
                .background(Color(.white))
                .clipShape(Circle())
                .shadow(radius: 10)
        }
        .sheet(isPresented: self.$isImagePickerDisplay) {
            ImagePickerView(selectedImage: self.$selectedImage, sourceType: .photoLibrary)
        }
        // 直接绑定selectedImage，有值就展示编辑视图
        .fullScreenCover(item: $selectedImage) { _ in
            // 这里可以加关闭后的清理逻辑，不过item绑定会自动把selectedImage设为nil
        } content: { image in
            // 因为这里拿到的是已确认非空的UIImage，所以可以直接传值
            EditView(selectedImage: .constant(image))
            // 如果你的EditView需要双向绑定，也可以传$selectedImage
            // EditView(selectedImage: $selectedImage)
        }
    }
}

最后再提醒你一句：SwiftUI是声明式UI，咱们要习惯“描述状态对应的视图”，而不是像UIKit那样“命令式地修改状态”。慢慢熟悉这种思维方式，后续开发会顺畅很多～

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