SwiftUI NavigationView在左侧显示大师

时间:2019-12-13 14:43:24

标签: swiftui ios-navigationview

我在Swift UI中有一些主要的细节。在这里:

import SwiftUI

struct MenuItemView: View {
    var title: String
    @Environment(\.presentationMode) var presentationMode

    private var btnBack : some View { Button(action: {
        //if landscape just show list on the left
        //same if swipe from left
        //how to do that???


        self.presentationMode.wrappedValue.dismiss()
    }) {
        Text("Menu")
        }
    }

    var body: some View {
        Text(title)
            .navigationBarTitle(Text(title), displayMode: .inline)
            .navigationBarBackButtonHidden(true)
            .navigationBarItems(leading: btnBack)
    }
}

struct ContentView: View {
    @State private var items: [String] = ["Home", "Events", "Topics", "Latest"]

    var body: some View {
        NavigationView {
            List {
                ForEach(self.items, id: \.self) { item in
                    NavigationLink(destination: MenuItemView(title: item)) {
                        Text(item)
                    }
                }
            }
            .listStyle(GroupedListStyle())
            .navigationBarTitle(Text("TimelessToday"), displayMode: .inline)

            Text("Initial")
        }
    }
}

#if DEBUG
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}
#endif

这完全符合我为任何iPhone以纵向模式计划的计划。但是在横向模式下(对于iPhone 11或纵向模式下的IPad),我希望在按下“菜单”按钮时显示带有项目列表的左侧菜单。就像从左侧滑动以显示它时一样。

不知道该怎么做。

0 个答案:

没有答案