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

本文价值与收获

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

看完本文您将掌握的技能

• 掌握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 {
    
    @Bindi
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28