具有动态大小的ScrollView内容

Question

我有一个ScrollView和具有动态大小的内容。当内容的大小增加时，内容将超出ScrollView。有人知道我该如何解决？谢谢。

GIF： https://s3.gifyu.com/images/stackoverflow1.gif

我试图设置位置，框架和其他选项，但没有任何效果。

HomeView：

2

CategoryItem：

struct HomeView: View {
    var categories:[Category] = categoriesData

    var body: some View {
        NavigationView {
            ScrollView(showsIndicators: true) {
                HStack(alignment: .top, spacing: 15) {
                    VStack(spacing: 10) {
                        ForEach (categories) { category in
                            CategoryItem(category: category, subcategories: category.subcategories)
                        }
                    }
                    .padding()
                }
            }
            .navigationBarTitle(Text("TestApp"))

        }
    }
}