我想制作一个可以添加x个数字或按钮的视图（请在复制之前阅读说明）

Question

我正在尝试向动态视图添加按钮。我要实现的目标是拥有一个数组，我想创建一个按钮列表，并希望首先水平填充该列表，并且当屏幕上没有空间时，下一个按钮应该出现在下一行，依此类推。我正在提供一张图片，供您进一步了解。enter image description here

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

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

我在这里找不到答案。 UICollectionView and SwiftUI?

如果您无法正确理解问题，请发表评论。 UIRepresentable和UICollectionView可能是可能的。但是如何？