创建图像网格 -> 带有缩略图的视频

如何解决创建图像网格 -> 带有缩略图的视频

我正在设计一个应用程序，我想要一个图像网格。单击图像时，它会打开另一个视图，该视图嵌入了视频播放器并在下方显示了文本说明。如何设计一个在点击时打开到另一个视图的图像网格？到目前为止，我有一个网格，但它只有图像，文本在图像的右侧，我希望文本直接位于图像下方，彼此之间有一些空间。

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

        }

    }

}