使用来自异步回调的数据推送视图

Question

我正在尝试找到一种可行的方法来处理从异步回调返回的数据的导航。

考虑以下示例。 NavigationExampleView 中的按钮在一个单独的对象上触发了一些异步方法，在这种情况下是 NavigationExampleViewModel。从方法返回的数据，然后应该推送到导航堆栈中的UserView。 NavigationLink 似乎是存档的方法，但我找不到一种方法来获取我需要呈现的数据的非可选值。

struct User: Identifiable {
    let id: String
    let name: String
}

protocol API {
    func getUser() -> AnyPublisher<User, Never>
}

struct NavigationExampleView: View {
    
    @ObservedObject var vm: NavigationExampleViewModel
    
    var body: some View {
        HStack {
            Button("Get User") {
                vm.getUser()
            }
            NavigationLink.init(
                destination: UserView(user: ???),
                isActive: ???,
                label: EmptyView.init
            )
        }
    }
}

class NavigationExampleViewModel: ObservableObject {
    @Published var isLoading = false
    @Published var pushUser: User?
    
    var cancellable: AnyCancellable?
    
    let api: API
    init(api: API) { self.api = api }
    
    func getUser() {
        isLoading = true
        cancellable = api.getUser().sink { user in
            self.pushUser = user
            self.isLoading = false
        }
    }
}

struct UserView: View, Identifiable {
    let id: String
    let user: User
    
    var body: some View {
        Text(user.name)
    }
}

问题：

1. 如何获取数据以在视图中显示为非可选值？
2. 我应该使用什么作为绑定来控制演示？

我几乎可以将其存档的一种方法是使用视图修饰符.sheet(item: Binding<Identifiable?>, content: Identifiable -> View)，如下所示：

struct NavigationExampleView: View {
    
    @ObservedObject var vm: NavigationExampleViewModel
    
    var body: some View {
        HStack {
            Button("Get User") {
                vm.getUser()
            }
        }.sheet(item: $vm.pushUser, content: UserView.init)
    }
}

如何归档相同的视图以将视图推送到导航堆栈，而不是将其呈现为工作表？

Answer 1

基于 @pawello2222 的回答中的if let 方法，我创建了这个ViewModifier，让您可以将视图推送到导航堆栈。它遵循与.sheet modifier 相同的模式。

import SwiftUI

private struct PushPresenter<Item: Identifiable, DestinationView: View>: ViewModifier {
    
    let item: Binding<Item?>
    let destination: (Item) -> DestinationView
    let presentationBinding: Binding<Bool>
    
    init(item: Binding<Item?>, onDismiss: (() -> Void)? = nil, content: @escaping (Item) -> DestinationView) {
        self.item = item
        self.destination = content
        
        presentationBinding = Binding<Bool> {
            item.wrappedValue != nil
        } set: { isActive in
            if !isActive && item.wrappedValue != nil {
                onDismiss?()
                item.wrappedValue = nil
            }
        }
    }
    
    func body(content: Content) -> some View {
        ZStack {
            content
            NavigationLink(
                destination: item.wrappedValue == nil ? nil : destination(item.wrappedValue!),
                isActive: presentationBinding,
                label: EmptyView.init
            )
        }
    }
}

extension View {
    
    /// Pushed a View onto the navigation stack using the given item as a data source for the View's content.  **Notice**: Make sure to use `.navigationViewStyle(StackNavigationViewStyle())` on the parent `NavigationView` otherwise using this modifier will cause a memory leak.
    /// - Parameters:
    ///   - item: A binding to an optional source of truth for the view's presentation. When `item` is non-nil, the system passes the `item`’s content to the modifier’s closure. This uses a `NavigationLink` under the hood, so make sure to have a `NavigationView` as a parent in the view hierarchy.
    ///   - onDismiss: A closure to execute when poping the view of the navigation stack.
    ///   - content: A closure returning the content of the view.
    func push<Item: Identifiable, Content: View>(
        item: Binding<Item?>,
        onDismiss: (() -> Void)? = nil,
        content: @escaping (Item) -> Content) -> some View
    {
        self.modifier(PushPresenter.init(item: item, onDismiss: onDismiss, content: content))
    }
}

然后像这样使用它：

struct NavigationExampleView: View {
    
    @ObservedObject var vm: NavigationExampleViewModel
    
    var body: some View {
        Button("Get User") {
            vm.getUser()
        }
        .push(item: $vm.pushUser, content: UserView.init)
    }
}

确保将您的实施视图保留在NavigationView 中，以使push 生效。

编辑

我发现此解决方案存在问题。如果使用引用类型作为绑定item，对象将不会在关闭时取消初始化。似乎content 持有对item 的引用。只有在绑定上设置了新对象后（下次推送屏幕时），该对象才会取消初始化。

@pawello2222 的回答也是如此，但在使用 sheet 修饰符时不是问题。任何有关如何解决此问题的建议都将受到欢迎。

编辑 2

将.navigationViewStyle(StackNavigationViewStyle()) 添加到父NavigationView 会出于某种原因消除内存泄漏。更多详情请见答案here。

使用if-let-方法导致推送视图转换停止工作。而是在数据不存在时将nil 传递给NavigationLinks destination。我已经更新了ViewModifier 来处理这个问题。

Answer 2

您可以使用if-let 来解开可选的vm.pushUser。然后，创建一个自定义绑定，将Binding<User?> 映射到Binding<Bool>：

struct NavigationExampleView: View {
    
    @ObservedObject var vm: NavigationExampleViewModel
    
    var body: some View {
        HStack {
            Button("Get User") {
                vm.getUser()
            }
            if let user = vm.pushUser {
                NavigationLink(
                    destination: UserView(id: "<id>", user: user),
                    isActive: binding,
                    label: EmptyView.init
                )
            }
        }
    }
    
    var binding: Binding<Bool> {
        .init(
            get: { vm.pushUser != nil },
            set: { if !$0 { vm.pushUser = nil } }
        )
    }
}

或者，使用它内联：

if let user = vm.pushUser {
    NavigationLink(
        destination: UserView(id: "<id>", user: user),
        isActive: .init(get: { vm.pushUser != nil }, set: { if !$0 { vm.pushUser = nil } }),
        label: EmptyView.init
    )
}