SwiftUI ScrollView 阻止内部视图的行为

Question

我的 SwiftUI 代码有一些问题，我希望有人可以帮助我。
我想在我的代码中添加一个 ScrollView，但是当我添加它时，我里面的组件会改变它们的行为。

// ContentView.swift

struct ContentView: View {
    
    @StateObject var modelData = modelDataObject
    
    var body: some View {
        ScrollView (.vertical) {
            VStack () {
                MovieList(movieList: modelData.movies)
                
                MovieList(movieList: modelData.movies)
                
                MovieList(movieList: modelData.movies)
            }
        }
    }
}

// MovieList.swift

struct MovieList: View {
    
    var movieList: [Movie]
    
    var body: some View {
        
        VStack {
            HStack {
                Text("All movies")
                    .font(.headline)
                Spacer()
            }
            
            NavigationView {
                ScrollView(.horizontal) {
                    HStack(spacing: 80) {
                        ForEach(movieList) { movie in
                            MovieItem(movie: movie)
                                .frame(maxWidth: 150, maxHeight: 300)
                        }
                    }
                }
            }
        }
    }
}

一旦我在 ContentView.swift 文件中添加了 Scrollview，我的 MovieList 视图就不再工作了。 （既不呈现图片也不呈现 NavigationLink（直接在 MovieItem 视图中））。

有谁知道问题可能是什么？

提前致谢。