我想制作一个可以在其中添加x数字或按钮的视图

Question

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

我不想为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)
        }
    }
}}

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