如何在简单按钮单击时切换到新视图？

Posted 2023-02-23

【中文标题】如何在简单按钮单击时切换到新视图？

【英文标题】：How To Switch To A New View On Simple Button Click?

【发布时间】：2021-12-29 00:35:30

【问题描述】：

我只是想在用户单击按钮时打开一个新视图。使用 Swift API 最简单、最简单的方法是什么？

  //Login Button
            Button(
                action:
                
                // Open Signup Screen
                    Signup();
                ,
                label:
                
                // How the button looks li
                Text("Create New Account")
                .foregroundColor(.white)
                .font(.title)
                
                )
                .frame(maxWidth: .infinity, alignment: .center)
                .background(Color(red: 0.22, green: 0.655, blue: 0.02))
                .cornerRadius(8)
                .padding(.horizontal, metrics.size.width*0.10)
            
        

谢谢。

以赛亚·汤普森

【问题讨论】：

欢迎来到 Stack Overflow！请拨打tour 并查看：How do I ask a good question? 和How to create a Minimal, Reproducible Example。请学习Apple's SwiftUI Tutorials，我也强烈建议审核Stanford's CS193P。

搜索“NavigationLink SwiftUI”和/或“SwiftUI 编程导航”

【参考方案1】：

最好的方法是使用NavigationLink 并将内容包装在NavigationView 中。

NavigationView 用于表示视图层次结构。

例如：

// Wrapper for LogIn
struct ContentView: View 
    var body: some View 
      NavigationView  LogIn() 
    


// LogIn
struct LogIn: View 
  var body: some View 
    VStack 
      // Fields for log in

      NavigationLink(destination: SignUp()) 
        Text("Create New Account")
          .foregroundColor(.white)
          .font(.title)
          .frame(maxWidth: .infinity, alignment: .center)
          .background(Color(red: 0.22, green: 0.655, blue: 0.02))
          .cornerRadius(8)
          .padding(.horizontal, metrics.size.width*0.10)
      
    
  

您可以在官方文档中找到更多信息：

NavigationView NavigationLink

此外，[Hacking With Swift] (https://www.hackingwithswift.com/quick-start/swiftui/displaying-a-detail-screen-with-navigationlink) 是 SwiftUI 的一个很好的资源

【讨论】：

非常感谢！代码也很干净