如何修改Bottom Sheet背景色？SearchableView场景下的实现问询

SwiftUI 原生方案（优先推荐） #

要同时修改Sheet的内容区、导航栏Header以及搜索栏的背景色，需要分别配置NavigationStack的工具栏背景和搜索栏样式，配合presentationBackground一起使用：

.sheet(isPresented: $viewModel.isPresented) {
    NavigationStack {
        SearchableView()
            // 配置导航栏背景色并确保可见
            .toolbarBackground(Color.black, for: .navigationBar)
            .toolbarBackground(.visible, for: .navigationBar)
            // 调整导航栏文字/图标颜色适配深色背景
            .tint(.white)
            // 如果SearchableView使用SwiftUI原生searchable修饰符，直接在此配置
            .searchable(text: $viewModel.searchText) {
                // 搜索建议内容
            }
            // 给整个页面设置背景色，覆盖空白区域
            .background(Color.black.ignoresSafeArea())
    }
    // 设置Sheet内容区域的背景色
    .presentationBackground(Color.black)
}

如果你的SearchableView是自定义封装的UIKit搜索栏，需要在组件内部给搜索栏设置背景色：

struct SearchableView: UIViewRepresentable {
    func makeUIView(context: Context) -> UISearchBar {
        let searchBar = UISearchBar()
        searchBar.backgroundColor = .black
        searchBar.searchTextField.backgroundColor = .darkGray // 可选：调整输入框背景区分层级
        searchBar.searchTextField.textColor = .white
        // 配置占位文字颜色
        searchBar.searchTextField.attributedPlaceholder = NSAttributedString(
            string: "搜索",
            attributes: [.foregroundColor: UIColor.white.withAlphaComponent(0.7)]
        )
        return searchBar
    }

    func updateUIView(_ uiView: UISearchBar, context: Context) {}
}

UIKit 全局适配方案（仅SwiftUI方案无效时使用） #

如果上述方法无法覆盖所有场景，可以通过UIAppearance修改Sheet导航栏和搜索栏的全局样式，但注意Sheet消失后要恢复默认样式，避免影响其他页面：

// 触发Sheet弹出时临时修改样式
Button("打开Sheet") {
    // 修改导航栏样式
    UINavigationBar.appearance().barTintColor = .black
    UINavigationBar.appearance().titleTextAttributes = [.foregroundColor: UIColor.white]
    // 修改搜索栏样式
    UISearchBar.appearance().backgroundColor = .black
    UISearchBar.appearance().searchTextField.backgroundColor = .darkGray
    UISearchBar.appearance().searchTextField.textColor = .white
    
    viewModel.isPresented = true
}

// Sheet消失后恢复默认样式
.sheet(isPresented: $viewModel.isPresented, onDismiss: {
    UINavigationBar.appearance().barTintColor = nil
    UINavigationBar.appearance().titleTextAttributes = nil
    UISearchBar.appearance().backgroundColor = nil
    UISearchBar.appearance().searchTextField.backgroundColor = nil
    UISearchBar.appearance().searchTextField.textColor = nil
}) {
    NavigationStack {
        SearchableView()
    }
}

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