zl程序教程

您现在的位置是:首页 >  后端

当前栏目

SwiftUI macOS教程之 左中右三栏实现方法(教程含源码)

方法macos源码教程 实现 SwiftUI
2023-09-11 14:18:32 时间

本文价值与收获

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

左中右三栏 实现方法一

Jietu20200705-154109.gif

看完本文您将掌握的技能

  • 掌握经典左中右三栏目实现方法

代码

1、使用Navigation实现

struct ContentView: View {
    private let columnData: [String] = (1...10).map { "内容行 \($0)" }
    
    var body: some View {
        NavigationView(content: {
            List(content: {
                ForEach(columnData, id: \.self, content: { data in
                    NavigationLink(
                        data,
                        destination: SecondLevelView(columnLabe