I am looking for a SwiftUI component like LazyGrid (https://stackoverflow.com/questions/62606907/swiftui-using-ondrag-and-ondrop-to-reorder-items-within-one-single-lazygrid), but needs to be forward compatible with iOS 13.x or macOS 10.15.x.

Does GridStack have this feature please?

Great Framework,
For my App, I'm trying to recreate a similar Card design you used in the Preview Pictures for this library. Could you share the code you used to create the Card Views? Would be really Awesome

Thanks Alot!

I have this simple code to test your GridStack, but it doesn't work as I wish.

import GridStack
import SwiftUI

struct ContentView: View {
    
    let singers = ["Andrea","Alessia","Kofi", "Abena", "Efua", "Kweku", "Akosua", "Alberto", "Erika", "Antonio", "Anastasia","Annarita","Anna"]
    
    @State var groupedByFirst: [Character : [String]] = [" " : [""]]
    
    var body: some View {
        ForEach(self.groupedByFirst.keys.sorted{$0<=$1}, id: \.self) { char in
            Section(header: Text("Section: \(String(char))")) {
                NavigationView{
                    GridStack(minCellWidth: 100, spacing: 5, numItems: self.groupedByFirst[char]!.count, alignment: .leading) { index, width in
                        NavigationLink(destination: Text(self.returnArrayOfString(char: char)[index])) {
                            CellView(string: self.returnArrayOfString(char: char)[index])
                        }
                    }
            }
            .navigationViewStyle(StackNavigationViewStyle())
        }
        .onAppear {
            self.groupedByFirst = Dictionary(grouping: self.singers, by: { $0.first! })
        }
    }
   
    func returnArrayOfString(char:Character) -> [String] {
        return self.groupedByFirst[char]!
    }
}

I wish the items (for example the images) were presented as in Photos (for example for the dates) and by clicking on it you can switch to another view, but I cannot make it work.
Can You help me?

The library is based on ScrollView, which by default is full-screen height. Is there a better way to make its height as compact as possible without manually assigning frame height?

I'm getting a "[SwiftUI] Invalid frame dimension (negative or non-finite)." error for each cell in iOS 14.

How do I get the position while scrolling? I will hide the search bar according to it.

Hi!

So I'm in a situation where I want a horizontal list of items that also stack verticaly when too much items are sent to it, and your tool is perfect for that job <3

...but! I also want it to be on top of a multiline text view, so I put both in a VStack.

The thing is that by doing that, the GridStack and the text view take each half the VStack's height. I looked into the GridStack's code because I expected it to take as small space as possible but I came accros a GeometryReader surrounding the elements, and this is understandable because you need to know the available width to work.
But I know the GeometryReader doesn't shrink to it compact size but rather always take all the space it can, wether its content takes less or not. And it all made sense then!

I've copied your GridStack locally in my project to work on it, and by removing the GeometryReader and sending the width to the GridStack (and removing the ScrollView too because of the same behavior), it all worked perfectly for my intention!

So here is (finaly) my proposal:

• making the scroll feature optional
• removing the GeometryReader and let the "upper" view sending the desired width to the GridStack
• (optionnaly, for the sake of easing the use of most cases) using an enum as the width with a case like "auto" that will add your current GeometryReader so that the "upper" view won't have to use a GeometryReady if it deosn't need to

Here is the result I targeted, the GridStack is (obviously) the row of circles

My cell looks like this:

struct CollectionCell: View {
    var type: PokemonTypes
    
    var body: some View {

        HStack {
            Image(type.imageName)
            
            Divider()

            GeometryReader { geometry in

                GridStack(minCellWidth: geometry.size.width / 2,
                          spacing: 0,
                          numItems: self.type.superEffectiveAgainst.count) { index, cellWidth in
                    
                            Image(self.type.superEffectiveAgainst[index].imageName)
                            .frame(width: cellWidth)
                }
            }
        }
    }
}

And it looks like that in the preview:

The problem is that it shows only one row and I can scroll inside the table row when there are more than 2 items.
How can I expand the GridStack to its full height?

Thanks!

Why not create a smooth animation for this framework.
My Requirement: When the device rotated, all of the grid will move smoothly to its new position.

Thanks.

When i try to put a Circle() or Rectangle() inside the gridview these items do not show. When I add a button or text, they do show. Any idea what can be wrong?

Btw .. When pairing the circle with text or button in a stack, both items show.

The apps was crash when I was remove a value in array, I don't know what's wrong. please check it.

Thank you

for the cells i created,
the tap gesture added to the view doesn't work.

Where is CounterCard's source?