如何解决SwiftUI如何从数组的每个索引获取不同的视图?
有人会知道如何从数组的每个索引中获取不同的视图吗?想法是每次用户点击不同的索引(由项目图标表示)时,将不同的视图相关联。假设我正在构建一个“家具应用程序”,一旦用户点击沙发图标,它就会显示一个包含一些沙发图片的数组。椅子图标,卧室图标等都是相同的。此外,为了精确起见,“图标项1”和“家具项1”这两个数组都应以滚动视图模式嵌入。
import SwiftUI
struct ImageModel: Identifiable {
let id: Int
let imageView: String
}
struct ImageView: View {
let postImages: ImageModel
var body: some View {
Image(postImages.imageView)
.resizable()
.frame(width: 50,height: 50)
.clipShape(Circle())
}
}
struct ReView: View {
let images: [ImageModel] = [
.init(id: 0,imageView: "sofa"),.init(id: 1,imageView: "2"),.init(id: 2,imageView: "3"),.init(id: 3,imageView: "4"),.init(id: 4,imageView: "5")
]
var body: some View {
NavigationView {
ScrollView(.horizontal,showsIndicators: false) {
HStack {
ForEach(images,id: \.id) { post in
ForEach(0..<1) { _ in
ImageView(postImages: post)
}
}
}
Spacer()
}.navigationBarTitle("Scroll View")
.padding()
}
}
}
struct ReView_Previews: PreviewProvider {
static var previews: some View {
ReView()
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。