SwiftUI中能否通过View类型的Binding属性展示不同视图？

我创建了如下PopupView：

import SwiftUI

struct PopupView<Content>: View where Content: View {
    @Binding var isPresented: Bool
    @Binding var viewForPresentation: Content
    var content: () -> Content
    var body: some View {
        ZStack(alignment: .bottom) {
            content()
                .blur(radius: isPresented ? 3 : 0)
                .disabled(isPresented)
            HStack {
                viewForPresentation
            }
            .opacity(isPresented ? 1 : 0)
        }
    }
}

现在我尝试在另一个视图中按如下方式使用它：

struct ServiceEditView: View {
    @State var isPopupPresented: Bool
    @State var viewForPopupPresentation: any View

    private var firstView: some View {
            Button {
                isPopupPresented = false
            } label: {
                Text("First View")
            }
    }
    
    private var secondView: some View {
            Button {
                isPopupPresented = false
            } label: {
                Text("Second View")
            }
    }

    var body: some View {
        PopupView(isPresented: $isPopupPresented, viewForPopupPresentation: $viewForPopupPresentation) {
            // ❌ Type 'any View' cannot conform to 'View'
            HStack {
                Button {
                    viewForPopupPresentation = firstView
                    isPopupPresented = true
                } label: {
                    Text("1st")
                }
                Button {
                    viewForPopupPresentation = secondView
                    isPopupPresented = true
                } label: {
                    Text("2nd")
                }
            }
        }
    }
}

我希望用同一机制根据来源展示不同的视图，但现在遇到了Type 'any View' cannot conform to 'View'的错误，请问是否可以通过View类型的Binding属性实现这个需求？

问题根源 #

PopupView的泛型参数Content要求是具体的View类型，而你使用的any View是存在类型，无法满足泛型的具体类型约束，因此触发报错。

方案1：用枚举管理弹窗视图类型（推荐） #

放弃直接绑定视图，改用枚举标记要展示的弹窗类型，在PopupView内部根据类型渲染对应视图，更符合SwiftUI状态驱动的设计理念。

修改PopupView：

import SwiftUI

enum PopupType {
    case first, second
}

struct PopupView<Content>: View where Content: View {
    @Binding var isPresented: Bool
    @Binding var popupType: PopupType
    var content: () -> Content
    
    private var popupContent: some View {
        switch popupType {
        case .first:
            Button {
                isPresented = false
            } label: {
                Text("First View")
            }
        case .second:
            Button {
                isPresented = false
            } label: {
                Text("Second View")
            }
        }
    }
    
    var body: some View {
        ZStack(alignment: .bottom) {
            content()
                .blur(radius: isPresented ? 3 : 0)
                .disabled(isPresented)
            popupContent
                .opacity(isPresented ? 1 : 0)
        }
    }
}

使用示例：

struct ServiceEditView: View {
    @State var isPopupPresented = false
    @State var currentPopupType: PopupType = .first

    var body: some View {
        PopupView(isPresented: $isPopupPresented, popupType: $currentPopupType) {
            HStack {
                Button {
                    currentPopupType = .first
                    isPopupPresented = true
                } label: {
                    Text("1st")
                }
                Button {
                    currentPopupType = .second
                    isPopupPresented = true
                } label: {
                    Text("2nd")
                }
            }
        }
    }
}

方案2：使用AnyView适配动态视图传递 #

如果坚持要通过Binding传递视图，可以将PopupView的泛型参数替换为AnyView，通过AnyView()包装具体视图来适配类型。

修改PopupView：

import SwiftUI

struct PopupView: View {
    @Binding var isPresented: Bool
    @Binding var viewForPresentation: AnyView
    var content: () -> some View
    
    var body: some View {
        ZStack(alignment: .bottom) {
            content()
                .blur(radius: isPresented ? 3 : 0)
                .disabled(isPresented)
            viewForPresentation
                .opacity(isPresented ? 1 : 0)
        }
    }
}

使用示例：

struct ServiceEditView: View {
    @State var isPopupPresented = false
    @State var viewForPopupPresentation: AnyView = AnyView(EmptyView())

    private var firstView: some View {
            Button {
                isPopupPresented = false
            } label: {
                Text("First View")
            }
    }
    
    private var secondView: some View {
            Button {
                isPopupPresented = false
            } label: {
                Text("Second View")
            }
    }

    var body: some View {
        PopupView(isPresented: $isPopupPresented, viewForPresentation: $viewForPopupPresentation) {
            HStack {
                Button {
                    viewForPopupPresentation = AnyView(firstView)
                    isPopupPresented = true
                } label: {
                    Text("1st")
                }
                Button {
                    viewForPopupPresentation = AnyView(secondView)
                    isPopupPresented = true
                } label: {
                    Text("2nd")
                }
            }
        }
    }
}

方案3：改进泛型PopupView，通过闭包传递动态视图 #

保留泛型设计，但改用闭包动态返回弹窗视图，避免直接绑定视图类型。

修改PopupView：

import SwiftUI

struct PopupView<Content, PopupContent>: View where Content: View, PopupContent: View {
    @Binding var isPresented: Bool
    var popupContent: () -> PopupContent
    var content: () -> Content
    
    var body: some View {
        ZStack(alignment: .bottom) {
            content()
                .blur(radius: isPresented ? 3 : 0)
                .disabled(isPresented)
            popupContent()
                .opacity(isPresented ? 1 : 0)
        }
    }
}

// 扩展：无弹窗时的默认初始化
extension PopupView where PopupContent == EmptyView {
    init(isPresented: Binding<Bool>, content: @escaping () -> Content) {
        self.isPresented = isPresented
        self.popupContent = { EmptyView() }
        self.content = content
    }
}

使用示例：

struct ServiceEditView: View {
    @State var isPopupPresented = false
    @State var showFirstPopup = false

    private var firstView: some View {
            Button {
                isPopupPresented = false
            } label: {
                Text("First View")
            }
    }
    
    private var secondView: some View {
            Button {
                isPopupPresented = false
            } label: {
                Text("Second View")
            }
    }

    var body: some View {
        PopupView(isPresented: $isPopupPresented, popupContent: {
            showFirstPopup ? firstView : secondView
        }) {
            HStack {
                Button {
                    showFirstPopup = true
                    isPopupPresented = true
                } label: {
                    Text("1st")
                }
                Button {
                    showFirstPopup = false
                    isPopupPresented = true
                } label: {
                    Text("2nd")
                }
            }
        }
    }
}

总结 #

• 不推荐直接使用Binding<any View>，SwiftUI的泛型系统更适配具体类型，存在类型会破坏编译时类型检查
• 枚举管理弹窗类型的方案最清晰，状态逻辑更易维护
• AnyView方案可以实现动态视图传递，但会带来少量性能开销

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