在SwiftUI中使用TabView时NavigationView无法正确显示

Question

大家好。 我正在开发一个显示一些鸣叫的简单SwiftUI应用程序。 它具有一个带两个视图的选项卡视图：将显示推文的主页和一个辅助视图。

问题在于主页上有一个NavigationView 。 如果我选择仅显示主页，则一切似乎都正确，但是当我从TabView显示它TabView滚动时，NavigationView感觉TabView 。

由于我不擅长解释，因此这里有一些图片：

应该是这样

但是就是这样

我想添加.edgesIgnoringSafeArea(.top) ，但是NavigationView现在被该缺口隐藏了，并且没有效果。

有什么办法可以使NavigationView像第一个图像一样显示？

任何帮助表示赞赏。 提前致谢。

我的密码

HomePageView ：

struct HomePageView: View {

    var body: some View {
        NavigationView {
            List {
                //tweet code
            }
            .navigationBarTitle("Your feed")
        }
    }
}

TabView ：

struct TabController: View {
    @State private var selection = 0

    var body: some View {
        TabView(selection: $selection){
            HomePageView()
                .tabItem {
                    VStack {
                        Image(systemName: "house.fill")
                            .font(.title)
                    }
                }
                .tag(0)
            Text("Second View")
                .font(.title)
                .tabItem {
                    VStack {
                        Image(systemName: "bell.fill")
                            .font(.title)
                    }
                }
                .tag(1)
        }
    }
}

Answer 1

尝试将.edgesIgnoringSafeArea(.top)添加到选项卡视图中。

struct ContentView: View {
    @State private var selection = 0

    var body: some View {
        TabView(selection: $selection){
            HomePageView()
                .tabItem {
                    VStack {
                        Image(systemName: "house.fill")
                            .font(.title)
                    }
                }
                .tag(0)
            Text("Second View")
                .font(.title)
                .tabItem {
                    VStack {
                        Image(systemName: "bell.fill")
                            .font(.title)
                    }
                }
                .tag(1)
        }.edgesIgnoringSafeArea(.top)
    }
}