问题描述
我正在设计一个应用程序,我想要一个图像网格。单击图像时,它会打开另一个视图,该视图嵌入了视频播放器并在下方显示了文本说明。如何设计一个在点击时打开到另一个视图的图像网格?到目前为止,我有一个网格,但它只有图像,文本在图像的右侧,我希望文本直接位于图像下方,彼此之间有一些空间。
import SwiftUI
@available(iOS 14.0,*)
struct Content: View {
var content = ["dog","cat","horse","hamster","parrot","ferret"]
let columns = [ GridItem(.flexible()),GridItem(.flexible()),GridItem(.flexible())]
var body: some View {
ScrollView {
LazyVGrid(columns: columns) {
ForEach(content,id: \.self) { content in
Image(systemName: "keyboard")
.padding()
.frame(width: 50,height: 50)
Text("\(content)")
}
}
}
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
if #available(iOS 14.0,*) {
Content()
} else {
// Fallback on earlier versions
}
}
}
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)