Я хочу сделать вид, в котором я могу добавить х номер или кнопки

Question

Я пытаюсь добавить кнопки для динамического просмотра. Что я пытаюсь добиться, так это то, что у меня есть массив, и я хочу создать список кнопок и хочу сначала заполнить этот список по горизонтали, а когда на экране нет места, следующая кнопка должна появиться в следующей строке и так далее. Я проверяю образ для большего понимания. Что-то вроде этого изображения

Я не хочу создавать список циклов для числа x или текстовых полей в Hstack. Я пытаюсь добиться динамической ширины кнопки, одна строка может иметь 2 числа кнопок, а другая может иметь 4 (в зависимости от длины текста)

Я уже пробовал следующий код

var body: some View {
GeometryReader { geometry in
    VStack {
        ForEach(1...3) {_ in
            HStack {
                Color.orange.frame(width: 100, height: 100)
                Color.orange.frame(width: 100, height: 100)
                Color.orange.frame(width: 100, height: 100)
            }.frame(width: geometry.size.width, height: 100)
        }
    }
}}

Я уже проверил несколько ответов, но не могу найти правильный ответ. Если есть какой-либо правильный ответ, пожалуйста, укажите ссылку, прежде чем пометить этот вопрос как дубликат.