为啥快速跳转到另一个页面时会出现意外空间

Posted 2023-04-19

【中文标题】为啥快速跳转到另一个页面时会出现意外空间

【英文标题】：why there is an unexpected space when jumping to another page in swift为什么快速跳转到另一个页面时会出现意外空间

【发布时间】：2021-11-19 09:32:30

【问题描述】：

我想使用 NavigationLink 跳转到另一个页面，但是如下图所示，屏幕顶部出现了意外的空间。这以前没有发生过。我不知道是因为我的首页还是我试图跳转到的页面。

起始页

import SwiftUI

struct HomePage: View 

    var body: some View 
        NavigationView
            VStack 
                
                NavigationLink(destination: chartDiretor()) 
                       Text("clike")
                    
                
                NavigationLink(destination: chartDiretor()) 
                       Text("clike")
                    
                
            
        

    

目标页面

import SwiftUI

struct SwiftUIView: View 
    var body: some View 
        NavigationView
            List
                Text("something")
            
        
    


struct SwiftUIView_Previews: PreviewProvider 
    static var previews: some View 
        SwiftUIView()
    

when clike the navigationLink. space highlighted with red rectangle line

what the the page I try to jump to looks like

【问题讨论】：

从主页中移除 NavigationView。

【参考方案1】：

您所做的是，您将 2 个NavigationViews 堆叠在一起。 SwiftUIView 中的一个再次嵌入到 HomePage 中的另一个 NavigationView 中。您当前的视图层次结构看起来像，

NavigationView // First NavigationView
|- SwiftUIView
   |- NavigationView // Second NavigationView
      |- Some Content    

当它实际上应该看起来像时，

NavigationView // First and ONLY NavigationView
|- SwiftUIView
   |- Some Content    

---

因此，要解决此问题，您可以删除 SwiftUIView 中的 NavigationView，如下所示，

struct SwiftUIView: View 
    var body: some View 
        List
            Text("something")
        
        .navigationBarTitle("Country") // Set the Navigation title here