SwiftUI中列表与底部按钮背景无缝衔接问题求助

直接上解决方案：问题根源是默认布局的安全区间距和分散设置背景导致的，按下面修改代码就能实现连贯背景：

NavigationStack {
    VStack(spacing: 0) { // 用VStack包裹，取消视图间默认间距
        List {
            HStack {
                Text("Test")
            }
        }
        .navigationTitle("Movie List")
        .scrollContentBackground(.hidden)
        .ignoresSafeArea(.container, edges: .bottom) // 让List延伸到底部安全区
        
        HStack {
            Spacer()
            ButtonView(buttonText: "Watched")
            ButtonView(buttonText: "Not Watched")
            Spacer()
        }
        .padding()
    }
    .background(Color(.gray)) // 给整个容器设置统一背景
}

#Preview {
    ContentView()
}

关键修改点说明： #

• 用VStack(spacing: 0)包裹List和按钮栏，消除系统默认的视图间距
• 给List添加.ignoresSafeArea(.container, edges: .bottom)，让列表区域延伸到屏幕底部安全区，不再留空白
• 把背景设置移到最外层容器上，统一整个页面背景色，避免分别设置导致的衔接断层
• 按钮栏的padding可以保留，红色背景会正常叠加在灰色主背景上

内容的提问来源于stack exchange，提问作者audiopollen