Selfsize grid item in SwiftUI

Asked Jul 10 '20 at 13:46

Active Oct 06 '20 at 09:46

Viewed 1,746 times

I have used adaptive and flexible with minimum size with no luck.

struct ContentView: View {

    let rows = [
        GridItem(.adaptive(minimum: 80)) // lowering this cuases an unwanted shrink of text.
    ]

    var body: some View {
        LazyVGrid(columns: rows, spacing: 8) {
            ForEach((0...10), id: \.self) { item in
                Text("\(Int.random(in: 0...50000))")
                    .background(Color.yellow)
            }
        }
    }
}

Result:

As you can see, seems like it takes the minimum size as a fixed size instead! Also, note that I don't know the minimum size since Text is self-sizing.

How can we have a self-sizing item for LazyVGrid or LazyHGrid?

_{I wanted it to look like a tag view.}

asked Jul 10 '20 at 13:46

Mojtaba Hosseini

95,414
31
268
278

You mean that you wanted it to look like a tag cloud (so every number is a tag and they are getting laid out like in `UICollectionView` + flow layout)? – Maciek Czarnik Oct 06 '20 at 09:40
Yep. Each one should have it own width based on it's content. Looks like all grid items are same in size. – Mojtaba Hosseini Oct 06 '20 at 09:43
Did you try that already https://stackoverflow.com/questions/59129890/implementing-a-tag-list-in-swiftui? – Maciek Czarnik Oct 06 '20 at 09:44
That's using `Stack`s, not `Grid` – Mojtaba Hosseini Oct 06 '20 at 11:10
Yes, and I think stacks are more suitable for what you want to achieve. Isn’t it? – Maciek Czarnik Oct 06 '20 at 11:15
I **am** using `stack` in my project, but thats not the issue. – Mojtaba Hosseini Oct 06 '20 at 11:19
@MojtabaHosseini Trying the same right now. Were you able to find a solution using LazyVGrid in the meantime? – Frederik Winkelsdorf Mar 11 '21 at 20:33

Selfsize grid item in SwiftUI

Result:

0 Answers0