我正在尝试使用带有DoubleColumnNavigationViewStyle的NavigaionView的Swift UI创建侧边栏。
侧边栏有效并且可以更改选项卡,但是有一条灰线将侧边栏及其内容分隔开:
我想删除此分隔符,因为侧边栏将具有不同的背景色。当鼠标悬停在其上以更改侧边栏宽度时,它还会显示一个拖动光标,但是由于它是固定宽度的侧边栏,因此它无能为力。
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)
}
}
如何卸下分隔线?