SwiftUI 开发脚手架含Tab List Navigation （2020年版）

SwiftUI 开发脚手架含Tab List Navigation （2020年版）

代码

import SwiftUI


struct ContentView: View {
    var body: some View {
        TabView {
            NavigationView {
                ComponentList()
            }
            .tabItem {
                Image(systemName: "rectangle.grid.1x2.fill")
                Text("Component")
            }.tag(0)
            
            
            NavigationView {
                Text("View Modification")
                    .navigationBarTitle("View Modification")
            }.tabItem {
                Image(systemName: "wrench.fill")
                Text("View Modification")
            }.tag(1)
        }
        .edgesIgnoringSafeArea(.top)
    }
}

struct ComponentList: View {
    var body: some View {
        List {
            Section(header: Text("User Interface")) {
                NavigationLink( destination: ViewAndControls()){
                    Text("  Views and Controls  ")
                        .bold()
                        .foregroundColor(.white)
                        .background(Color.purple)
                        .cornerRadius(6)
                        .shadow(radius: 4)
                }
                NavigationLink("View Layout and Presentation", destination: ViewLayoutAndPresentationList())
                NavigationLink("Drawing and Animation", destination: DrawingAndAnimation())
                Text("Framework Integration")
            }
            Section(header: Text("Data and Events")) {
                Text("State and Data Flow")
                NavigationLink("Gestures", destination: GestureSection())
            }
            Section(header: Text("Preview in Xcode")) {
                Text("Previews")
            }
        }.navigationBarTitle("Component")
    }
}

SwiftUI 开发脚手架

---

推荐文章

CoreData篇

• SwiftUI数据存储之做个笔记App 新增与查询(CoreData)
• SwiftUI进阶之存储用户状态实现登录与登出
• SwiftUI 数据之List显示Sqlite数据库内容（2020年教程）

TextField篇

• 《SwiftUI 一篇文章全面掌握TextField文本框 (教程和全部源码)》
• 《SwiftUI实战之TextField风格自定义与formatters》
• 《SwiftUI实战之TextField如何给键盘增加个返回按钮(隐藏键盘)》
• 《SwiftUI 当键盘出现时避免TextField被遮挡自动向上移动》
• 《SwiftUI实战之TextField如何给键盘增加个返回按钮(隐藏键盘)》

JSON文件篇

• SwiftUI JSON文件下载、存储、解析和展示(代码大全)

更多SwiftUI教程和代码关注专栏

• 请关注我的专栏 SwiftUI教程与源码