SwiftUI 2.0 制作个侧边栏基于GeometryReader和Lazy(教程含源码)

本文价值与收获

看完本文后，您将能够作出下面的界面

看完本文您将掌握的技能

• 掌握GeometryReader的基础使用
• 掌握Lazy组件基础使用
• 实现侧边栏效果

代码

import SwiftUI

struct ContentView: View {
    var body: some View {
        SideMenuTest()
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

struct SideMenuTest: View {
    
    @State var selection: Int = 0
    
    var body: some View {
        ZStack {
            Color.gray.opacity(0.8)
            SideMenu(selected: $selection, options: ["源码", "教程", "文档"])
        }.edgesIgnoringSafeArea(.vertical)
    }
}

struct SideMenu: View {
    
    @Binding var selected: Int
    var options: [String]