list - 我想创建一个可以添加 x 数字或按钮的视图

Question

我正在尝试将按钮添加到动态视图。我想要实现的是我有一个数组，我想创建一个按钮列表，并希望首先水平填充该列表，当屏幕中没有空间时，下一个按钮应该出现在下一行，依此类推。我正在证明一个图像以获得更多理解。像这张图片的东西

我不想在 Hstack 中为 x 数字或文本字段创建循环列表。我正在尝试实现按钮的动态宽度，一行可能有 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)
        }
    }
}}

我已经检查了几个答案，但我找不到正确的答案。如果有任何正确的答案，请在将此问题标记为重复之前提供一个链接。