查看窗口右侧的显示

Question

你好，当我使用导航视图时，我的 Xcode 项目出现问题，窗口显示不正常，并且出现在已显示窗口的右侧，

这是代码。

NavigationLink(destination: Acceuil())
                        {
                            HStack{
                               Image("icone_connexion")
                                    .font(.system(size: 15))
                                 //   .scaledToFill()


                                Text("se connecter")
                                        .font(.system(size: 30))
                          
                            }.cornerRadius(60)
                           .frame(width: 400, height: 60)
                            
                        } .background(Capsule().fill(Color(red: 55/255, green: 66/255, blue: 114/255, opacity:1)))
                        .frame(width: 400, height: 60) //fin navigationlink
                        .buttonStyle(PlainButtonStyle())

我希望新窗口取代旧窗口:)

Answer 1

在 macOS 上，NavigationView 中的标准行为是相邻显示视图（父视图和目标视图）：https://developer.apple.com/design/ human-interface-guidelines/macos/windows-and-views/column-views/

如果您不希望这样做，您可以这样做：

    NavigationView {
        ...
    }
    .navigationViewStyle(.stack)

Answer 2

所以我发现这段代码

 import SwiftUI

    struct ContentView: View {
        @State private var show = false
        var body: some View {
            VStack{
                if !show {
                    RootView(show: $show)
                        .frame(maxWidth: .infinity, maxHeight: .infinity)
                        .background(Color.blue)
                        .transition(AnyTransition.move(edge: .leading)).animation(.default)
                }
                if show {
                    NextView(show: $show)
                        .frame(maxWidth: .infinity, maxHeight: .infinity)
                        .background(Color.green)
                        .transition(AnyTransition.move(edge: .trailing)).animation(.default)
                }
            }
        }
    }

    struct RootView: View {
        @Binding var show: Bool
        var body: some View {
            VStack{
                Button("Next") { self.show = true }
                Text("This is the first view")
            }
        }
    }

对我来说很有效所以感谢您的帮助