A one-row scrollable LazyHGrid in SwiftUI

HScrollableGrid.swift

//Images' names
var names: [String] = ["heart.fill",
                           "star.fill",
                           "circle.hexagongrid.fill",
                           "leaf.fill",
                           "sun.max.fill",
                           "ladybug.fill",
                           "moon.fill",
                           "sparkles",
                           "snowflake"
                           
    ]
    var body: some View {
        NavigationView{
            
            VStack{
                ScrollView(.horizontal){
                    LazyHGrid(rows: [GridItem(.flexible())], spacing: 10) {
                        ForEach(names[0..<names.count], id: \.self) {name in
                            ZStack{
                                LinearGradient(colors: [.pink.opacity(0.5),.purple.opacity(0.7)], startPoint: .top, endPoint: .bottom)
                                    .frame(width: 90, height: 90, alignment: .center)
                                    .clipShape(RoundedRectangle(cornerRadius: 25))
                                Image(systemName: name)
                                    .renderingMode(.original)
                                    .resizable()
                                    .aspectRatio(contentMode: .fit)
                                    .frame(width: 60, height: 60, alignment: .center)
                            }
                        }
                    } .fixedSize()
                        .padding()
                }
                Spacer()
            }.navigationTitle("Scrollable Grid")
           
        }
        
    }