Как динамически настроить количество элементов в строке в вертикально прокручиваемом стеке VStack в SwiftUI?

Question

Ввод: у меня есть список представлений, где каждое представление представляет собой VStack изображения и текста

Требование: я хочу отображать их вертикальное прокручиваемое представление. Однако в каждой строке должно быть несколько таких представлений (в зависимости от того, сколько может поместиться). [Обратите внимание, что просмотры не равны по размеру, так как текст различается]. Он НЕ ДОЛЖЕН быть прокручиваемым по горизонтали

Проблема: Как мне динамически регулировать количество строк в строке в зависимости от того, сколько может поместиться? См. Изображение ниже в качестве примера

введите описание изображения здесь

Ценим вклад и заранее спасибо!

Answer 1

Я бы посоветовал вам использовать LazyVGrid с адаптивным типом.

И здесь вам больше не нужно использовать List, просто используйте массив представлений

Это новая функция, поэтому она будет работать в ios14.0 и выше

Struct MainView : View {
    private let columnGrid = {
        GridIten(.adaptive(minimum:50)) //here you can put minimum width size value unto you.
    }
    var body: some View {
       LazyVGrid(columns: columnGrid) {
        //your view with image will come here
        }
    }
 }