(SwiftUI) NavigationLink 不是全屏宽度
(SwiftUI) NavigationLink is not full width of screen
当NavigationView
在root,NavigationLink
在subView时,如下代码,导航标签link不能占满屏幕。
如果我将 NavigationView
移动到子视图 (ListView
),标签将是全宽的,但我无法导航到全屏目的地。
有人可以帮忙吗?要求是 1. 全宽度导航 link 标签和 2. 导航到全屏视图。或者我应该使用 fullScreenCover 来做到这一点?
struct ContentView: View {
var body: some View {
NavigationView {
VStack {
ListView()
Text("Tabs here")
}
}
}
}
struct ListView: View {
var body: some View {
List {
NavigationLink(
destination: Text("detail for item1"),
label: {
Text("item1")
}
)
NavigationLink(
destination: Text("detail for item2"),
label: {
Text("item2")
}
)
}
}
}
使用PlainListStyle()
会导致行占据整个宽度:
List {
NavigationLink(
destination: Text("detail for item1"),
label: {
Text("item1")
}
)
NavigationLink(
destination: Text("detail for item2"),
label: {
Text("item2")
}
)
}.listStyle(PlainListStyle())
当NavigationView
在root,NavigationLink
在subView时,如下代码,导航标签link不能占满屏幕。
如果我将 NavigationView
移动到子视图 (ListView
),标签将是全宽的,但我无法导航到全屏目的地。
有人可以帮忙吗?要求是 1. 全宽度导航 link 标签和 2. 导航到全屏视图。或者我应该使用 fullScreenCover 来做到这一点?
struct ContentView: View {
var body: some View {
NavigationView {
VStack {
ListView()
Text("Tabs here")
}
}
}
}
struct ListView: View {
var body: some View {
List {
NavigationLink(
destination: Text("detail for item1"),
label: {
Text("item1")
}
)
NavigationLink(
destination: Text("detail for item2"),
label: {
Text("item2")
}
)
}
}
}
使用PlainListStyle()
会导致行占据整个宽度:
List {
NavigationLink(
destination: Text("detail for item1"),
label: {
Text("item1")
}
)
NavigationLink(
destination: Text("detail for item2"),
label: {
Text("item2")
}
)
}.listStyle(PlainListStyle())