SwiftUI：如何避免NavigationStack中键盘收起时显示白色背景？

问题场景 #

视图层级：UITabBarController -> UIHostingController -> NavigationStack -> View -> ScrollView

键盘显示或收起时，其动画曲线与ScrollView的自动调整动画曲线不一致，导致露出底层白色背景。该背景来自SwiftUI._UIHostingView<SwiftUI.AnyView>，无法直接在SwiftUI代码中访问修改。

当前使用的SwiftUI代码如下：

var body: some View {
    NavigationStack(path: $path) {
        AccountView()
        .background(Color(uiColor: UIColor.green))
        .navigationDestination(for: AccountDestination.self) { destination in
            ...
        }
    }
    .tint(Color(UIColor.lightOrange))
    .background(Color(uiColor: UIColor.blue))
}

解决方案 #

方案1：初始化UIHostingController时直接设置背景色 #

UIHostingController的view就是对应的_UIHostingView，在UIKit侧初始化HostingController时直接修改背景色即可，颜色建议和页面主背景保持一致：

// 示例：在UITabBarController添加子控制器时
let accountRootView = YourAccountRootView() // 对应包含NavigationStack的视图
let hostingController = UIHostingController(rootView: accountRootView)
hostingController.view.backgroundColor = UIColor.blue // 替换为你需要的背景色

方案2：用ZStack给SwiftUI根视图添加全局背景 #

在最外层用ZStack包裹，设置全屏背景并忽略安全区，确保覆盖HostingView的底层：

var body: some View {
    ZStack {
        // 全局背景色，和页面背景一致
        Color(uiColor: UIColor.blue)
            .ignoresSafeArea()
        
        NavigationStack(path: $path) {
            AccountView()
                .background(Color(uiColor: UIColor.green))
                .navigationDestination(for: AccountDestination.self) { destination in
                    ...
                }
        }
        .tint(Color(UIColor.lightOrange))
    }
}

方案3：通过UIAppearance全局设置（谨慎使用） #

如果需要所有_UIHostingView都应用该背景色，可以在App启动时用UIAppearance设置，但该方法依赖私有类名，后续SwiftUI版本可能失效：

// 在App启动代码中（比如App.swift的init、AppDelegate的didFinishLaunchingWithOptions）
SwiftUI._UIHostingView<SwiftUI.AnyView>.appearance().backgroundColor = UIColor.blue

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