Перейти к новому представлению с помощью SwiftUI

Ключ в том, чтобы использовать NavigationView и NavigationLink:

import SwiftUI

struct ContentView : View {
    var body: some View {
        NavigationView {
            VStack {
                Text("Hello World")
                NavigationLink(destination: DetailView()) {
                    Text("Do Something")
                }
            }
        }
    }
}

Необходимо создать DetailView, например LandmarkDetail(). и вызовите NavigationButton с пунктом назначения LandmarkDetail(). Теперь детальный вид был открыт.

Для передачи значений в подробные средства экрана. отправив код, как показано ниже.

struct LandmarkList: View {
    var body: some View {
        NavigationView {
            List(landmarkData) { landmark in
                NavigationButton(destination: LandmarkDetail()) {
                    LandmarkRow(landmark: landmark)
                }
            }
            .navigationBarTitle(Text("Landmarks"))
        }
    }
}

Вот еще один способ представить представление БЕЗ использования NavigationView. Это как UIKit UIModalPresentationStyle.currentContext.

struct PresenterButtonView: View {
var body: some View {
    PresentationButton(Text("Tap to present"),
                       destination: Text("Hello world"))
}}

На OP здесь отвечали несколько раз, но я просто хотел также продемонстрировать интересные аспекты SwiftUI, показав, что если у вас есть представление A с данными, которые также будет использовать представление B, вы можете передавать данные, создав @State в представлении A и объявление той же переменной с объявлением @Binding в представлении B

struct ViewA : View {
    @State var myItems: [Items]
    var body: some View {
        NavigationView {
            VStack {
                NavigationButton(destination: ViewB(items: $myItems)) {
                    Text("Go To ViewB")
                }
            }
        }
    }
}

struct ViewB : View {
    @Binding var myItems: [Items]
    var body: some View {
        NavigationView {
            List{
                ForEach(myItems.identified(by: \.self)) {
                    Text($0.itemName)
                }
            }.navigationBarTitle(Text("My Items"))
        }
    }
}

Вы больше не можете использовать NavigationButton. Вместо этого вы должны использовать NavigationLink.

struct ContentView: View {
    var body: some View {
        NavigationView {
            NavigationLink(destination: DetailView()) {
                Text("Push new screen")
            }
        }
    }
}

Теперь мы можем использовать НавигацияСсылка

Файл А:

struct ContentView: View {
var body: some View {
    NavigationView {
        VStack {
            Text("Hello World")
            NavigationLink(destination: secondView()) {
                Text("Hit Me!")
                    .fontWeight(.semibold)
                    .font(.title)
                    .padding()
                    .foregroundColor(.white)
                    .background(LinearGradient(gradient: Gradient(colors: [Color(.white),Color(.blue)]), startPoint: .leading, endPoint: .trailing))
                    .cornerRadius(40)
        }
      }
    }
  }
}

Файл Б:

struct secondView: View {
var body: some View {
    VStack {
    VStack(alignment: .leading) {
        Text("Turtle Rock")
            .font(.title)
        HStack(alignment: .top) {
            Text("Joshua Tree National Park")
                .font(.subheadline)
            Spacer()
            Text("California")
                .font(.subheadline)
        }
    }
    .padding()
        Spacer()

    }
  }
}                                                                                                  

Это не должно было быть здесь лучшим ответом, а скорее альтернативным методом, если вам не нужна панель навигации. См. ответ Джейка ниже, чтобы узнать, как это сделать с помощью NavigationView и NavigationLink. Надеюсь, это все еще полезно или укажет вам правильное направление.

Если вы просто пытаетесь заставить NavigationLink работать с Binding, вы можете использовать тот же NavigationLink init, который я сделал с параметром привязки isActive.

^{Anyway, back to the answer…}

Я сделал модификатор представления для этого. Это также означает, что нет панели навигации. Вы можете назвать это так:

.navigate(to: MainPageView(), when: $willMoveToNextScreen)

Его можно прикрепить к чему угодно, поэтому я обычно прикрепляю его к концу тела, например:

@State private var willMoveToNextScreen = false

var body: some View {
    VStack {
        /* ... */
    }
    .navigate(to: MainPageView(), when: $willMoveToNextScreen)
}

Код (не забудьте import SwiftUI):

extension View {
    /// Navigate to a new view.
    /// - Parameters:
    ///   - view: View to navigate to.
    ///   - binding: Only navigates when this condition is `true`.
    func navigate<NewView: View>(to view: NewView, when binding: Binding<Bool>) -> some View {
        NavigationView {
            ZStack {
                self
                    .navigationBarTitle("")
                    .navigationBarHidden(true)

                NavigationLink(
                    destination: view
                        .navigationBarTitle("")
                        .navigationBarHidden(true),
                    isActive: binding
                ) {
                    EmptyView()
                }
            }
        }
        .navigationViewStyle(.stack)
    }
}

Я думаю, что ответ Джейка - это основной путь к NextView.

И я думаю, что способ, описанный ниже, — это способ простой, формальный и динамичный попробовать, если вам действительно нужно нажать КНОПКУ. Согласно Видео Пола Хадсона, с 10:00 до 12:00.

(должен идти от 12:00 до 15:00, если вы хотите перейти к разные взгляды, нажимая разные кнопки.) (должен идти от 15:00 до 16:00, если вы хотите перейти к второму виду и вернуться назад автоматически.) И многое другое.

А вот и пример кода.

import SwiftUI

struct ContentView: View {

    @State var areYouGoingToSecondView: Bool // Step 2

    var body: some View {
        NavigationView{ // Step 1

            VStack {

                // Step 3
                NavigationLink(destination: YourSecondView(), isActive: $areYouGoingToSecondView) { EmptyView() }


                Text("Hello World")

                Button(action: {
                    self.areYouGoingToSecondView = true // Step 4

                }) {
                    Text("Do Something (Go To Second View)")
                    .font(.largeTitle)
                    .fontWeight(.ultraLight)
                }
            }
        }
    }
}

если не хочет показать навигацияВид, вы можете скрыть его в пункте назначения.

struct ContentViewA : View {
    var body: some View {
        NavigationView {
            VStack {
                Text("Hello World")
                NavigationLink(destination: ContentViewB()) {
                    Text("Go To Next Step")
                }
            }
        }
    }
}



struct ContentViewB : View {
        var body: some View {
            NavigationView {
                VStack {
                    Text("Hello World B")

                }.navigationBarTitle("")
                .navigationBarHidden(true)
            }
        }
    }

или если вы хотите скрыть его в зависимости от условий, вы можете использовать @State для изменения видимости.

Мы можем использовать текст внутри навигации и сделать его похожим на кнопку http://g.recordit.co/CkIkjvikfu.gif

struct HomeContent: View {
    var body: some View {
        NavigationView{
            VStack {
                NavigationLink(
                destination: LoginContentView()) {
                    
                        
                           
                    Text("Login")
                        .font(.title)
                        .foregroundColor(Color.white)
                        .multilineTextAlignment(.center)
                        .frame(width: 300.0, height: 50.0)
                        .background(Color(UIColor.appLightBlue))
                   
                }
                
            }
        }
    }
}

Я думаю, что это самый простой и понятный способ. Используйте полноэкранный обложка после инструмента пользовательского интерфейса.

Button(action: {
         //code
         }){
           Text("Send")
         }.fullScreenCover(isPresented: self.$model.goToOtherView, content: {
                    OtherView()
                })

Чтобы программно перейти к ссылке без отображения визуального элемента, наложите на одно из представлений скрытую NavigationLink.

В этом примере пользовательский интерфейс будет перемещаться, когда какой-то код устанавливает для shouldNavigate значение true:

struct ProgramaticSample {
    @State var shouldNavigate = false
    
    var body: some View {
        Text("Hello navigation")
            .overlay(NavigationLink(
                destination: DestinationScreen(),
                isActive: $shouldNavigate) {}
                .hidden())
    }
}