要使NavigationLink中的数据可滚动切换,可以在NavigationLink的目标视图中使用ScrollView来实现。以下是一个示例代码:
import SwiftUI
struct ContentView: View {
var body: some View {
NavigationView {
List {
ForEach(1...10, id: \.self) { index in
NavigationLink(destination: DetailView()) {
Text("Item \(index)")
}
}
}
.navigationBarTitle("Navigation")
}
}
}
struct DetailView: View {
var body: some View {
ScrollView {
VStack(spacing: 10) {
ForEach(1...20, id: \.self) { index in
Text("Data \(index)")
.frame(width: 300, height: 100)
.background(Color.gray)
}
}
.padding()
}
.navigationBarTitle("Detail")
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
在上述示例中,我们使用NavigationView和List创建了一个简单的导航列表,其中每个项目都是一个NavigationLink。当用户点击导航链接时,将导航到目标视图DetailView。
在DetailView中,我们使用ScrollView来包装要滚动的数据。在这个示例中,我们使用VStack来垂直排列一些示例数据。你可以根据自己的需求进行修改。
请注意,示例中的数据视图(Text)被设置为固定的大小,并且使用背景色进行区分。你可以根据需要进行调整。
这是一个使用SwiftUI实现的示例,适用于iOS、iPadOS和macOS应用程序。如果你使用的是腾讯云相关的产品,你可以将具体的产品和产品介绍链接地址添加到代码中,以满足要求。
希望这个示例能帮助到你!
领取专属 10元无门槛券
手把手带您无忧上云