如何在 SwiftUI 中将 TabView 与 NavigationView 一起使用?

Posted

技术标签:

【中文标题】如何在 SwiftUI 中将 TabView 与 NavigationView 一起使用?【英文标题】:How do I use a TabView with a NavigationView in SwiftUI? 【发布时间】:2019-09-16 23:19:06 【问题描述】:

我遇到的问题与发布此问题的人完全相同:

NavigationView doesn't display correctly when using TabView in SwiftUI

是我做错了什么,还是只是一个 SwiftUI 的错误需要修复?

【问题讨论】:

NavigationView doesn't display correctly when using TabView in SwiftUI的可能重复 【参考方案1】:

尝试将.edgesIgnoringSafeArea(.top) 添加到您的 TabView/顶视图

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)
    

【讨论】:

以上是关于如何在 SwiftUI 中将 TabView 与 NavigationView 一起使用?的主要内容,如果未能解决你的问题,请参考以下文章

SwiftUI:如何将图像更新为 TabView 中的填充/轮廓

在 SwiftUI 中构建一个自定义的类 TabView 视图

SwiftUI TabView 与 PageTabViewStyle 在设备上的横向与 safeArea 添加奇数前沿插图

SwiftUI 滑动 TabView 时如何访问 ScrollViewReader 的代理

SwiftUI - 如何将工具栏添加到 NavigationView 内的 TabView 选项卡?

如何在 swiftui 中弹出到 TabView 应用程序中的特定视图。我也使用了 StackNavigation 但不在 swiftui 中工作