SwiftUI: NavigationDestinationLink устарел

Проведя некоторое время с NavigationLink(destination:isActive), он мне нравится намного больше, чем старый NavigationDestinationLink. Старый вид был немного запутанным, в то время как новый подход кажется гораздо более элегантным. И как только я выясню, как продвигать без анимации, это сделает восстановление состояния при запуске приложения очень простым.

Но есть одна проблема, большая и уродливая ошибка. :-(

Нажатие представления программно работает нормально, и его программное извлечение тоже. Проблема начинается, когда мы используем кнопку НАЗАД в нажатом представлении, которая каждый раз ведет себя странно. В первый раз, когда представление всплывает, представление всплывает и сразу же подталкивает снова. Со второго раза работает нормально. Потом в третий раз все сначала.

Я создал отчет об ошибке (номер здесь). Я рекомендую вам сделать то же самое и также указать мой номер, чтобы помочь Apple сгруппировать их вместе и привлечь больше внимания к проблеме.

Я разработал обходной путь, который в основном состоит из замены кнопки «Назад» по умолчанию на нашу собственную:

class Model: ObservableObject {
    @Published var pushed = false
}

struct ContentView: View {
    @EnvironmentObject var model: Model

    var body: some View {
        NavigationView {
            VStack {
                Button("Push") {
                    // view pushed programmatically
                    self.model.pushed = true
                }

                NavigationLink(destination: DetailView(), isActive: $model.pushed) { EmptyView() }
            }
        }
    }
}

struct DetailView: View {
    @EnvironmentObject var model: Model

    var body: some View {
        Button("Bring me Back (programatically)") {
            // view popped programmatically
            self.model.pushed = false
        }
        // workaround
        .navigationBarBackButtonHidden(true) // not needed, but just in case
        .navigationBarItems(leading: MyBackButton(label: "Back!") {
            self.model.pushed = false
        })
    }
}

struct MyBackButton: View {
    let label: String
    let closure: () -> ()

    var body: some View {
        Button(action: { self.closure() }) {
            HStack {
                Image(systemName: "chevron.left")
                Text(label)
            }
        }
    }
}

Вы также можете использовать NavigationLink(destination:tag:selection)

NavigationLink(destination: MyModal(), tag: 1, selection: $tag) {
    EmptyView()
}

Таким образом, программно вы можете установить тег равным 1, чтобы нажать MyModal. Этот подход имеет то же поведение, что и вариант с переменной привязки Bool, поэтому, когда вы выталкиваете в первый раз, он сразу же отправляет представление, надеюсь, они исправят это в следующей бета-версии.

Единственный недостаток, который я вижу в этом подходе по сравнению с DynamicNavigationDestinationLink, заключается в том, что вам нужно предоставить View для NavigationLink, даже если он вам не нужен. Будем надеяться, что они найдут более чистый способ, позволяющий нам выполнять push программно.

Чтобы улучшить обходной путь без замены кнопки «Назад» пользовательской, вы можете использовать приведенный выше код:

NavigationLink(destination: Test().onAppear(perform: {
    self.editPushed = nil
}), tag: 1, selection: self.$editPushed) {
    Button(action: {
        self.editPushed = 1
    }) {
        Image(systemName: "plus.app.fill")
            .font(.title)
    }
}

Блок onAppear удалит значение выбора, предотвращая двукратное отображение подробного представления.

Решение состоит в том, чтобы создать пользовательскую кнопку «Назад» для вашего подробного представления и открыть подробное представление вручную.

.navigationBarItems(leading:
                Button(action: {
                    self.showDetail = false
                }) {
                    Image(systemName: "chevron.left").foregroundColor(.red)
                        .font(.system(size: 24, weight: .semibold))
                    Text("Back").foregroundColor(.red)
                    .font(.system(size: 19))
                }
            )