SwiftUI为什么无法在视图之间传递发布者?

时间:2020-11-11 03:17:36

标签: swift swiftui combine

我只想做这样的测试↓

  1. 从第一个视图创建一个发布者
  2. 将其传递到第二视图
  3. 在第二视图中绑定具有某些属性的发布者,然后尝试在屏幕上显示它

代码为↓(第一视图)

struct ContentView: View {
    
    let publisher = URLSession(configuration: URLSessionConfiguration.default)
        .dataTaskPublisher(for: URLRequest(url: URL(string: "https://v.juhe.cn/joke/content/list.php?sort=asc&page=&pagesize=&time=1418816972&key=aa73ebdd8672a2b9adc9dbb2923184c8")!))
        .map(\.data.description)
        .replaceError(with: "Error!")
        .receive(on: DispatchQueue.main)
        .eraseToAnyPublisher()
        
    
    var body: some View {
        NavigationView {
            List {
                NavigationLink(destination: ResponseView(publisher: publisher)) {
                    Text("Hello, World!")
                }
            }.navigationBarTitle("Title", displayMode: .inline)
        }
    }
}

(第二视图)

struct ResponseView: View {
    
    let publisher: AnyPublisher<String, Never>
    @State var content: String = ""
    
    var body: some View {
        HStack {
            VStack {
                Text(content)
                    .font(.system(size: 12))
                    .onAppear { _ = self.publisher.assign(to: \.content, on: self) }
                Spacer()
            }
            Spacer()
        }
        
    }
}

但是代码不起作用。请求失败,出现消息提示↓

2020-11-11 11:08:04.657375+0800 PandaServiceDemo[83721:1275181] Task <6B53516E-5127-4C5E-AD5F-893F1AEE77E8>.<1> finished with error [-999] Error Domain=NSURLErrorDomain Code=-999 "cancelled" UserInfo={NSErrorFailingURLStringKey=https://v.juhe.cn/joke/content/list.php?sort=asc&page=&pagesize=&time=1418816972&key=aa73ebdd8672a2b9adc9dbb2923184c8, NSLocalizedDescription=cancelled, NSErrorFailingURLKey=https://v.juhe.cn/joke/content/list.php?sort=asc&page=&pagesize=&time=1418816972&key=aa73ebdd8672a2b9adc9dbb2923184c8}

有人可以告诉我发生了什么事,什么是正确的方法?

4 个答案:

答案 0 :(得分:2)

您需要存储预订,否则它将被取消初始化并自动取消。

通常是这样完成的:

var cancellables: Set<AnyCancellable> = []
// ...
publisher
  .sink {...}
  .store(in: &cancellables)

因此,您可以像上面一样创建@State属性,也可以使用.onReceive

let publisher: AnyPublisher<String, Never>

var body: some View {
   HStack {
     // ...
   }
   .onReceive(publisher) {
      content = $0
   }
}

您应谨慎使用上述方法,因为如果ResponseView曾经被初始化过,它将得到发布者的副本(大多数发布者是价值类型),因此它将启动一个新请求。

为避免这种情况,请将.share()添加到发布者:

let publisher = URLSession(configuration: URLSessionConfiguration.default)
        .dataTaskPublisher(...)
        //...
        .share()
        .eraseToAnyPublisher()

答案 1 :(得分:1)

这里的问题是,订阅没有存储在任何地方。您必须将其存储在AnyCancellable var中并保留订阅。

每当进行调试时,请使用.print()运算符结合相关的问题。我觉得它真的很有用。


正确的方法是将发布者和订阅提取到ObservableObject中,然后将其注入View或使用@StateObject

class DataProvider: ObservableObject {
    @Published var content: String = ""
    private var bag = Set<AnyCancellable>()
    private let publisher: AnyPublisher<String, Never>
    init() {
        publisher = URLSession(configuration: URLSessionConfiguration.default)
            .dataTaskPublisher(for: URLRequest(url: URL(string: "https://v.juhe.cn/joke/content/list.php?sort=asc&page=&pagesize=&time=1418816972&key=aa73ebdd8672a2b9adc9dbb2923184c8")!))
            .map(\.data.description)
            .print()
            .replaceError(with: "Error!")
            .receive(on: DispatchQueue.main)
            .eraseToAnyPublisher()
    }
    
    func loadData() {
        publisher.assign(to: \.content, on: self).store(in: &bag)
    }
}

struct ContentView: View {
    @StateObject var dataProvider = DataProvider()
    
    var body: some View {
        NavigationView {
            List {
                NavigationLink(destination: ResponseView(dataProvider: dataProvider)) {
                    Text("Hello, World!")
                }
            }.navigationBarTitle("Title", displayMode: .inline)
        }
    }
}

struct ResponseView: View {
    let dataProvider: DataProvider
    
    var body: some View {
        HStack {
            VStack {
                Text(dataProvider.content)
                    .font(.system(size: 12))
                    .onAppear {
                        self.dataProvider.loadData()
                    }
                Spacer()
            }
            Spacer()
        }
        
    }
}

请注意,我们已使用@StateObject来确保视图更新时DataProvider实例不会被破坏。

答案 2 :(得分:1)

就SwiftUI而言,您所做的根本上是错误的:从View创建发布者。这意味着将{strong>每次实例化一次ContentView时创建一个新的发布者,并且出于各种方式和目的,这可能会发生很多次,SwiftUI不能保证一个View仅实例化一次

您需要做的是将发布的内容提取到某个对象中,该对象要么是从上游注入的,要么是通过@StateObject由SwiftUI管理的。

答案 3 :(得分:0)

这项工作有两种方法:一种方法更好

方法1:

    import SwiftUI




struct ContentView: View {
    
    @State var urlForPublicsh: URL?
    
    
    var body: some View {
        
        VStack
        {
            Text(urlForPublicsh?.absoluteString ?? "nil")
                .padding()
            
            Button("Change the Publisher") {urlForPublicsh = URL(string: "https://stackoverflow.com")}
                .padding()
            
            
            SecondView(urlForPublicsh: $urlForPublicsh)
            
        }
        .onAppear()
        {
            urlForPublicsh = URL(string: "https://www.apple.com")
        }
  
    }
}
struct SecondView: View {
    @Binding var urlForPublicsh: URL?
    
    var body: some View {
        
        Text(urlForPublicsh?.absoluteString ?? "nil")
            .padding()
    }
}

方法2:

    import SwiftUI

class UrlForPublicshModel: ObservableObject
{
    static let shared = UrlForPublicshModel()
    @Published var url: URL?
}



struct ContentView: View {
    

    @StateObject var urlForPublicshModel = UrlForPublicshModel.shared
    
    var body: some View {
        
        VStack
        {
            Text(urlForPublicshModel.url?.absoluteString ?? "nil")
                .padding()
            
            Button("Change the Publisher") {urlForPublicshModel.url = URL(string: "https://stackoverflow.com")}
                .padding()
            
            
            SecondView()
            
        }
        .onAppear()
        {
            urlForPublicshModel.url = URL(string: "https://www.apple.com")
        }
  
    }
}


struct SecondView: View {

    @ObservedObject var urlForPublicshModel = UrlForPublicshModel.shared
    
    var body: some View {
        
        Text(urlForPublicshModel.url?.absoluteString ?? "nil")
            .padding()

    }
}