分享一个SwiftUI的双层侧边栏实现示例_ac swift 边栏

 首先给效果图：

这是工具类代码结构：

//
//  SideBarStack.swift
//  Apple UI
//
//  Created by eugene on 2021/6/27.
//
 
import SwiftUI
 
struct SideBarStack<Content: View>: View {
    
    let bar1Width: CGFloat = 190
    let bar2Width: CGFloat = 250
    let barWidth: CGFloat = 440
    let mainContent: Content
    var models: [GuideModel]
    @State var selectedModel = GuideModel.default
    @Binding var selectedItem: GuideItem
    @State var index: Int = 0
    @Binding var showBar: Bool
    
    init(models: [GuideModel], selectedItem: Binding<GuideItem>, showBar: Binding<Bool>, @ViewBuilder content: () -> Content) {
        mainContent = content()
        self.models = models
        self._showBar = showBar
        self._selectedItem = selectedItem
    }
    
    var body: some View {
        GeometryReader { metrics in
            ZStack(alignment: .leading) {
                HStack(spacing: 0.5) {
                    List {
                        HStack() {
                            Image("logo_transparent")
                                .resizable()
                                .aspectRatio(contentMode: .fit)