Я играл с SwiftUI и хочу иметь возможность вернуться к предыдущему виду при нажатии кнопки, так же, как мы используем popViewController внутри UINavigationController. Есть ли способ сделать это до сих пор?
Я также пытался использовать NavigationDestinationLink чтобы сделать это без успеха.
struct AView: View {
var body: some View {
NavigationView {
NavigationButton(destination: BView()) {
Text("Go to B")
}
}
}
}
struct BView: View {
var body: some View {
Button(action: {
// Trying to go back to the previous view
// previously: navigationController.popViewController(animated: true)
}) {
Text("Come back to A")
}
}
}
Измените вашу структуру BView следующим образом. Кнопка будет работать так же, как popViewController в UIKit.
struct BView: View {
@Environment(\.presentationMode) var mode: Binding<PresentationMode>
var body: some View {
Button(action: { self.mode.wrappedValue.dismiss() })
{ Text("Come back to A") }
}
}
Кажется, что тонна базовых навигационных функций супер глючит, что вызывает разочарование и, возможно, на данный момент стоит отойти, чтобы сэкономить часы разочарования. Для меня PresentationButton - единственный, который работает. Вкладки TabbedView не работают должным образом, и NavigationButton не работает для меня вообще. Похоже, YMMV, если NavigationButton работает для вас.
Я надеюсь, что они исправят это одновременно с исправлением автозаполнения, что даст нам гораздо лучшее представление о том, что нам доступно. В то же время я неохотно пишу код и веду записи, когда появятся исправления. Отстойно, когда приходится выяснять, делаем ли мы что-то неправильно или просто не работает, но эта бета-версия для вас!
Теперь есть возможность программно вставлять в NavigationView, если хотите. Это бета-версия 5.
Обратите внимание, что вам не нужна кнопка назад. Вы можете программно вызвать свойство showSelf в DetailView любым удобным для вас способом. И вам не нужно отображать текст "Push" в мастере. Это может быть EmptyView(), что создает невидимый переход.
(Новая функциональность NavigationLink принимает устаревший NavigationDestinationLink)
import SwiftUI
struct ContentView: View {
var body: some View {
NavigationView {
MasterView()
}
}
}
struct MasterView: View {
@State var showDetail = false
var body: some View {
VStack {
NavigationLink(destination: DetailView(showSelf: $showDetail), isActive: $showDetail) {
Text("Push")
}
}
}
}
struct DetailView: View {
@Binding var showSelf: Bool
var body: some View {
Button(action: {
self.showSelf = false
}) {
Text("Pop")
}
}
}
#if DEBUG
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
#endif
Обновление: API NavigationDestinationLink в этом решении устарело начиная с iOS 13 Beta 5. Теперь рекомендуется использовать NavigationLink с привязкой isActive.
Я разобрался с решением для программного перетаскивания представлений в NavigationView, используя NavigationDestinationLink.
Вот простой пример:
import Combine
import SwiftUI
struct DetailView: View {
var onDismiss: () -> Void
var body: some View {
Button(
"Here are details. Tap to go back.",
action: self.onDismiss
)
}
}
struct MainView: View {
var link: NavigationDestinationLink<DetailView>
var publisher: AnyPublisher<Void, Never>
init() {
let publisher = PassthroughSubject<Void, Never>()
self.link = NavigationDestinationLink(
DetailView(onDismiss: { publisher.send() }),
isDetail: false
)
self.publisher = publisher.eraseToAnyPublisher()
}
var body: some View {
VStack {
Button("I am root. Tap for more details.", action: {
self.link.presented?.value = true
})
}
.onReceive(publisher, perform: { _ in
self.link.presented?.value = false
})
}
}
struct RootView: View {
var body: some View {
NavigationView {
MainView()
}
}
}
Я написал об этом в блоге здесь.
Кажется, это работает для меня на watchOS (еще не пытался на iOS):
@Environment(\.presentationMode) var presentationMode
А потом, когда вам нужно выскочить
self.presentationMode.wrappedValue.dismiss()
Ниже у меня работает в XCode11 GM
self.myPresentationMode.wrappedValue.dismiss()
Я думаю, что это правильный способ создания модальных представлений в SwiftUI. Вы также можете использовать элемент трейлинг-бара или оба одновременно. Нажатие на кнопку предоставит пользователю недопустимый модальный вид.
struct ContentView: View {
var body: some View {
NavigationView {
// define some parts of your view, e.g. a rectangle
Rectangle()
.navigationBarTitle(Text("SomeTitle"),
displayMode:.inline )
.navigationBarItems(
leading: PresentationButton(
// add some image to the button
Image(systemName: "gear")
.imageScale(.large)
.accessibility(label: Text("Recommended accessibility label")),
// specify the destination, which is any view conforming to View protocol
destination: Text("Name of new view")
))
}
}
}
РЕДАКТИРОВАТЬ: Этот ответ здесь лучше, чем мой, но оба работают: SwiftUI отклонить модальный
То, что вы действительно хотите (или должны хотеть), - это модальная презентация, о которой несколько человек упомянули здесь. Если вы пойдете по этому пути, вам определенно потребуется возможность программно отклонить модал, и у Эрики Садун есть отличный пример того, как это сделать здесь: https://ericasadun.com/2019/06/16/swiftui-modal -презентация/
Учитывая разницу между декларативным кодированием и императивным кодированием, решение там может быть неочевидным (например, переключение bool в false для исключения модального режима), но имеет смысл, если ваше состояние модели является источником истины, а не состояние самого интерфейса.
Вот мой быстрый пример Эрики, использующий привязку, переданную в TestModal, чтобы он мог отклонить себя, не будучи членом самого ContentView (как Эрика, для простоты).
struct TestModal: View {
@State var isPresented: Binding<Bool>
var body: some View {
Button(action: { self.isPresented.value = false }, label: { Text("Done") })
}
}
struct ContentView : View {
@State var modalPresented = false
var body: some View {
NavigationView {
Text("Hello World")
.navigationBarTitle(Text("View"))
.navigationBarItems(trailing:
Button(action: { self.modalPresented = true }) { Text("Show Modal") })
}
.presentation(self.modalPresented ? Modal(TestModal(isPresented: $modalPresented)) {
self.modalPresented.toggle()
} : nil)
}
}
вместо NavigationButton используйте Navigation DestinationLink
но вы должны импортировать Combine
struct AView: View {
var link: NavigationDestinationLink<BView>
var publisher: AnyPublisher<Void, Never>
init() {
let publisher = PassthroughSubject<Void, Never>()
self.link = NavigationDestinationLink(
BView(onDismiss: { publisher.send() }),
isDetail: false
)
self.publisher = publisher.eraseToAnyPublisher()
}
var body: some View {
NavigationView {
Button(action:{
self.link.presented?.value = true
}) {
Text("Go to B")
}.onReceive(publisher, perform: { _ in
self.link.presented?.value = false
})
}
}
}
struct BView: View {
var onDismiss: () -> Void
var body: some View {
Button(action: self.onDismiss) {
Text("Come back to A")
}
}
}
В пункте назначения передайте представление, которое вы хотите перенаправить, а внутри блока передайте данные, которые вы передадите в другое представление.
NavigationLink(destination: "Pass the particuter View") {
Text("Push")
}
Возможно, если вы попытаетесь встроить этот последний BView в первый Aview чуть ниже предпоследней фигурной скобки... просто так:
struct AView: View {
var body: some View {
NavigationView {
NavigationButton(destination: BView()) {
Text("Go to B")
}
}
}
}
struct BView: View {
var body: some View {
Button(action: {
// Trying to go back to the previous view
// previously: navigationController.popViewController(animated: true)
}) {
Text("Come back to A")
}
}
}