SwiftUI项目返回栏按钮显示白色方块问题求助（Xcode 12.5版本）

我之前在Xcode 12.5开发SwiftUI项目时也碰到过一模一样的问题，看了你的代码后，能确定问题出在导航栏层级混乱和空返回按钮占位这两个点上，下面是具体的解决方案：

问题分析 #

1. 嵌套NavigationView的导航栏设置冲突：你在Home视图的根VStack上直接设置了.navigationBarHidden(true)和.navigationBarBackButtonHidden(true)，当通过NavigationLink跳转到SignUp时，系统的导航栏布局逻辑被打乱，导致返回按钮区域出现异常占位。
2. 空返回按钮导致的白色方块：在SignUp视图里，你写了一个没有任何内容的Button来实现返回功能，系统会为这个空按钮生成一个默认的白色占位框，也就是你看到的大白色方块。

具体修复步骤 #

1. 重构NavigationView层级，避免全局导航栏设置 #

把导航栏的隐藏逻辑移到对应的子视图中，而不是在根容器上统一设置，这样能保持导航层级的清晰：

struct Home : View {
    @State var show = false
    @State var status = UserDefaults.standard.value(forKey: "status") as? Bool ?? false
    
    var body: some View{
        NavigationView{
            if self.status{
                Homescreen()
                    .navigationBarTitle("")
                    .navigationBarHidden(true)
            } else{
                ZStack{
                    NavigationLink(destination: SignUp(show: self.$show), isActive: self.$show) {
                        EmptyView()
                    }
                    
                    Login(show: self.$show)
                        .navigationBarTitle("")
                        .navigationBarHidden(true)
                }
            }
        }
        .onAppear {
            NotificationCenter.default.addObserver(forName: NSNotification.Name("status"), object: nil, queue: .main) { (_) in
                self.status = UserDefaults.standard.value(forKey: "status") as? Bool ?? false
            }
        }
    }
}

2. 修复SignUp视图的返回按钮，添加明确的内容 #

把原来的空按钮替换成带图标或文本的返回按钮，避免系统生成占位方块：

struct SignUp : View {
    // 保留原有属性...
    
    var body: some View{
        ZStack{
            ZStack(alignment: .topLeading) {
                GeometryReader{_ in
                    // 保留原有表单内容...
                }
                
                // 修改后的返回按钮
                Button(action: {
                    self.show.toggle()
                }) {
                    HStack(spacing: 4) {
                        Image(systemName: "chevron.left")
                            .font(.headline)
                        Text("Back")
                            .fontWeight(.medium)
                    }
                    .foregroundColor(.black)
                }
                .padding()
            }
            
            if self.alert{
                ErrorView(alert: self.$alert, error: self.$error)
            }
        }
        .navigationBarTitle("")
        .navigationBarHidden(true) // 在子视图中单独设置导航栏隐藏
    }
    
    // 保留原有方法...
}

3. 移除不必要的全局返回按钮隐藏设置 #

删除Home视图中根VStack上的.navigationBarBackButtonHidden(true)，除非你需要完全自定义返回按钮逻辑，否则这个设置会干扰系统默认的导航栏布局。

额外说明 #

Xcode 12.5对应的iOS 14.5版本在SwiftUI NavigationView的布局上存在一些小bug，嵌套使用导航栏相关修饰符很容易触发布局异常。建议保持NavigationView的单一层级，子视图只处理自身的导航栏配置，这样能避免大部分类似的布局问题。

内容的提问来源于stack exchange，提问作者user15879370