SwiftUI NavigationView:移除侧边栏分隔符

时间:2020-05-21 19:02:18

标签: swift xcode macos swiftui

我正在尝试使用带有DoubleColumnNavigationViewStyle的NavigaionView的Swift UI创建侧边栏。

侧边栏有效并且可以更改选项卡,但是有一条灰线将侧边栏及其内容分隔开:

enter image description here

我想删除此分隔符,因为侧边栏将具有不同的背景色。当鼠标悬停在其上以更改侧边栏宽度时,它还会显示一个拖动光标,但是由于它是固定宽度的侧边栏,因此它无能为力。

struct ContentView: View {

     @State private var selection: String? = "tab-1"

     var body: some View {
         NavigationView {
            VStack(spacing: 10) {
                NavigationLink(destination: TabOneView(), tag: "tab-1", selection: self.$selection) {
                    Text("One")
                }
                .frame(minWidth: 0, maxWidth: .infinity)

                NavigationLink(destination: TabTwoView(), tag: "tab-2", selection: self.$selection) {
                    Text("Two")
                }
                .frame(minWidth: 0, maxWidth: .infinity)

                Spacer()
            }
            .frame(maxHeight: .infinity)
            .frame(width: 80)
            .padding(.top, 40)
            .background(Color.white)
         }
        .navigationViewStyle(DoubleColumnNavigationViewStyle())
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .edgesIgnoringSafeArea(.all)
     }
}

如何卸下分隔线?

0 个答案:

没有答案