在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)
    }
}