I am having trouble trying to implement images into a LazyVGrid. I am trying to get 2 columns of images but I can't seem to figure it out. Any ideas?

You can follow the instructions Paul gives on this page and just replace all of the Text views with Image views instead.

But here is an example of how it could be done.

struct ContentView: View {
    @State private var images = [Image]()
    let columns = [GridItem(.fixed(100)), GridItem(.fixed(100))]

    var body: some View {
        ScrollView {
            LazyVGrid(columns: columns, spacing: 20) {
                ForEach(0..<images.count, id: \.self) { index in
                    images[index]
                        .resizable()
                        .frame(width: 100, height: 100)
                }
            }
            .padding(.horizontal)
        }
        .frame(maxHeight: 350)

        Button("Add 10 Stars") {
            for _ in 1...10 {
                images.append(Image(systemName: "star"))
            }
        }
        .buttonStyle(.bordered)
    }
}