SwiftUI - NavigationView 和 Tab Bar 的屏幕位置问题

Question

我正在将 SwiftUI 屏幕集成到 tvOS 的 UIKit 应用程序中。我在屏幕顶部有一个标签栏。当应用程序第一次运行并且我切换到 SwiftUI 屏幕时，它看起来就像我想要的那样。但是，当我切换然后返回时，整个屏幕向上移动并且导航标题隐藏在选项卡栏下并且内容在屏幕上都更高。 SwiftUI 如下所示:

    struct SettingsVC: View {
    var body: some View {
        NavigationView {
            HStack {
                Image("fullLogo")
                    .resizable()
                    .scaledToFit()
                    .frame(width: 800, height: 450)
                    .padding()
                    .offset(y: -75)
                List {
                    NavigationLink(destination: Text("Test")) {
                        HStack {
                            Image(systemName: "link")
                                .font(.headline)
                            Text("Link Account")
                                .font(.headline)
                        }
                    }
                }
                .navigationBarTitle("Settings")
            }
        }
    }
}

如果我注释掉 NavigationView切换到另一个选项卡并再次返回时，屏幕位置保持在同一位置。但是，我需要标题的导航并移动到列表中。我曾尝试删除其他元素，例如图像，只是为了查看它是否导致问题，但事实并非如此。似乎在此屏幕的后续选择中不再考虑导航栏。这种行为的原因可能是什么？

这是 UIKit 中的标签栏部分。

private func setup() {
        self.view.insetsLayoutMarginsFromSafeArea = false

        let tvSelectionVC = TVSelectionVC()
        tvSelectionVC.screenType = .live
        tvSelectionVC.isFirstRun = true

        let onDemandVC = TVSelectionVC()
        onDemandVC.screenType = .demand
        onDemandVC.isFirstRun = false

        let settingsVC = SettingsVC()
        let settingsHostController = UIHostingController(rootView: settingsVC)
        let config = UIImage.SymbolConfiguration(pointSize: 50, weight: .bold)

        tvSelectionVC.tabBarItem = UITabBarItem(title: "Live", image: nil, tag: 0)
        onDemandVC.tabBarItem = UITabBarItem(title: "OnDemand", image: nil, tag: 1)
        settingsHostController.tabBarItem.image = UIImage(systemName: "gear",withConfiguration: config)

        let logoView = UIImageView(image: UIImage(named: "logo"))
        logoView.translatesAutoresizingMaskIntoConstraints = false
        tabBar.leadingAccessoryView.addSubview(logoView)
        logoView.topAnchor.constraint(equalTo: tabBar.leadingAccessoryView.topAnchor).isActive = true
        logoView.leadingAnchor.constraint(equalTo: tabBar.leadingAccessoryView.leadingAnchor, constant: 0).isActive = true
        logoView.heightAnchor.constraint(equalToConstant: 40).isActive = true
        logoView.widthAnchor.constraint(equalToConstant: 140).isActive = true

        viewControllers = [tvSelectionVC,onDemandVC,settingsHostController]
    }

更新:我可以从 SwiftUI View 中删除所有内容，并且只有一个 Text在 NavigationView内并且问题仍然存在。我还可以将第一个和第二个选项卡更改为空的 UIViewControllers，并且在第一次切换到 SwiftUI 后问题仍然存在。

Answer 1

我能够通过包装 NavigationView 来解决这个问题。标签内 VStack标记并添加 Spacer这是解决这个问题所必需的。有趣的是，作为测试，我创建了一个 SwiftUI 选项卡栏，其中前两个选项卡将进入空 View ，第三个选项卡从上方进入设置。这也表现出与上述相同的问题，这表明此问题与在 UIKit 选项卡栏中包装 SwiftUI 无关。我不清楚为什么这个解决方案是必要的，但它确实解决了问题。这是 SwiftUI 再次为这个问题的完整解决方案。

struct SettingsVC: View {
    var body: some View {
        VStack {
            Spacer()
            NavigationView {
                HStack {
                    Image("fullLogo")
                        .resizable()
                        .scaledToFit()
                        .frame(width: 800, height: 450)
                        .padding()
                        .offset(y: -75)
                    List {
                        NavigationLink(destination: Text("Test")) {
                            HStack {
                                Image(systemName: "link")
                                    .font(.headline)
                                Text("Link Account")
                                    .font(.headline)
                            }
                        }
                    }
                    .padding()
                    .navigationBarTitle("Settings")
                }
            }
        }
    }
}