首页 > 解决方案 > 如何修复导航栏以在 tabView 中转到屏幕顶部?

问题描述

我正在尝试创建一个包含 NavigationView 的 TabView。但是,导航栏没有到达屏幕顶部。我怎样才能解决这个问题?

在此处输入图像描述

import SwiftUI

struct ContentView: View {
    var body: some View {
        TabView {
            NavigationView {
                TestView()
            }
                .tabItem {
                    Image(systemName: "star")
                    Text("Tab 1")
                }

            Text("Tab 2")
                .tabItem {
                    Image(systemName: "star")
                    Text("Tab 2")
                }
            Text("Tab 3")
                .tabItem {
                    Image(systemName: "star")
                    Text("Tab 3")
            }
        }
    }
}

struct TestView: View {
    var body: some View {
        List {
            Text("Hello")
        }
        .navigationBarTitle("Title")
    }
}

标签: iosswiftswiftui

解决方案


以下视图修饰符将帮助您

.edgesIgnoringSafeArea(.top)

推荐阅读