我正在构建一个简单的列表，通过屏幕底部的两个按钮来显示人们看过/没看过的各种电影。当我创建列表视图时，我注意到列表的背景和按钮没有连接，在两者之间留下了一点白色空间。我的目标是在两个视图之间创建一个没有空白的无缝背景。Screenshot of the canvas
我尝试1）使用ZStack，认为它可能覆盖列表和按钮后面的所有内容，但白色空间仍然存在，2）从HStack中删除填充，认为这是创建空间，但在我删除填充后它仍然存在，3）将所有内容嵌入到一个堆栈中，认为它们只需要连接在一起。我暂时恢复了我原来的代码。

NavigationStack {
                List {
                    HStack {
                        Text("Test")
                    }
                }
                .navigationTitle("Movie List")
                .scrollContentBackground(.hidden)
                .background(Color(.gray))
                
                    HStack {
                        Spacer()
                        ButtonView(buttonText: "Watched")
                        ButtonView(buttonText: "Not Watched")
                        Spacer()
                    }
                    .padding()
                    .background(Color(.red))
                }
            }
        }

#Preview {
    ContentView()
}