如何在SwiftUI中创建Partial ViewControllers（部分视图控制器）

完全可以实现你要的效果。SwiftUI中的View结构体本身就承担了UIKit中ViewController的UI渲染、状态管理、生命周期响应职责，所以你把两个区域分别封装为独立的View，就等价于你要的两个独立ViewController的效果，有多种成熟实现方案可选，不需要依赖UIKit桥接。

方案1：iOS 16+ 原生sheet自定义高度（推荐） #

SwiftUI 4.0新增的presentationDetents修饰符可以直接定义sheet的弹出高度，弹出的sheet本身就是完全独立的视图，你可以单独封装、维护其逻辑和状态，和背景主视图完全隔离。
示例代码如下：

// 背景独立视图（对应你说的背景ViewController）
struct BackgroundView: View {
    var body: some View {
        Color.blue
            .ignoresSafeArea()
            .onTapGesture {
                print("背景视图被点击")
            }
    }
}

// 紫色半层独立视图（对应你说的紫色区域ViewController）
struct PartialView: View {
    var body: some View {
        Color.purple
            .ignoresSafeArea()
            .onTapGesture {
                print("半层视图被点击")
            }
    }
}

// 宿主视图
struct ContainerView: View {
    @State private var showPartial = true
    
    var body: some View {
        BackgroundView()
            .sheet(isPresented: $showPartial) {
                PartialView()
                    // 定义半层高度，支持多档位切换
                    .presentationDetents([.medium, .large])
                    // 可选：控制sheet顶部拖动指示器显隐
                    .presentationDragIndicator(.visible)
            }
    }
}

方案2：全版本兼容ZStack自定义实现 #

如果需要兼容iOS 15及更低版本，可以用ZStack堆叠两个独立视图，通过偏移量控制半层视图的展示和收起，两个视图同样完全独立，逻辑互不干扰。
示例代码如下：

struct ContainerView: View {
    // 控制半层视图的偏移量，初始状态为收起
    @State private var partialOffset = UIScreen.main.bounds.height * 0.5
    
    var body: some View {
        ZStack(alignment: .bottom) {
            // 背景独立视图
            BackgroundView()
                .onTapGesture {
                    // 点击背景收起半层视图
                    partialOffset = UIScreen.main.bounds.height * 0.5
                }
            
            // 紫色半层独立视图
            PartialView()
                .frame(height: UIScreen.main.bounds.height * 0.5)
                .offset(y: partialOffset)
                .animation(.easeInOut, value: partialOffset)
        }
        .onAppear {
            // 页面加载完成后弹出半层视图
            partialOffset = 0
        }
    }
}

两种方案都可以满足你“两个区域为独立模块”的需求，你可以根据自己的最低兼容版本选择对应方案即可。

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