Как мне показать изображение из Интернета в swiftui? - PullRequest
0 голосов
/ 20 марта 2020

В последнее время я использую swiftUI для создания приложения с функцией отображения изображений, загруженных из Интернета. Я пытался заставить это работать, но у меня сейчас проблемы с этим. Я думаю, может быть, что-то не так с ImageFetcher.swift? Может кто-нибудь мне помочь? Вот мой код:

ImageFetcher.swift:

import Foundation
import Combine
import SwiftUI

class ImageFetcher: ObservableObject {
var didChange = PassthroughSubject<Data, Never>()

var data: Data = Data() {
    didSet {
        didChange.send(data)
    }
}

init(url: String) {
    guard let imageUrl = URL(string: url) else {
        return
    }

    URLSession.shared.dataTask(with: imageUrl) { (data, _, _) in
        guard let data = data else { return }
        DispatchQueue.main.async { [weak self] in
            self?.data = data
        }

    }.resume()
}
}

LoadableImageView.swift:

import SwiftUI

struct LoadableImageView: View {
@ObservedObject var imageFetcher: ImageFetcher

var stateContent: AnyView {
    if let image = UIImage(data: imageFetcher.data) {
        return AnyView(
            Image(uiImage: image).resizable()
        )
    } else {
        return AnyView(
            ActivityIndicator(style: .medium)
        )
    }
}

init(with urlString: String) {
    imageFetcher = ImageFetcher(url: urlString)
}

var body: some View {
    HStack {
        stateContent
    }
}
}

struct LoadableImageView_Previews : PreviewProvider {
static var previews: some View {
    LoadableImageView(with: "https://is2-ssl.mzstatic.com/image/thumb/Music113/v4/3d/6d/d0/3d6dd00b-b480-740f-bc6e-e2ca78ff918e/190296882920.jpg/200x200bb.png")
}
}

ListCellView.swift:

import SwiftUI
import Foundation
import AlamofireImage
import Alamofire
import Combine


struct ListCellView: View {


@State var dataSource = DataSource()
var viewModel: RestrauntListViewModel
var imageLoader = ImageLoader()

var body: some View {
    HStack {

        LoadableImageView(with: viewModel.imageURL.absoluteString)

        Spacer()
        VStack(alignment: .center, spacing: 1.0) {
            Text(viewModel.name)

            Image(dataSource.configureRatings(rating: viewModel.rating))
            Text("\(viewModel.formattedDistance) miles")
        }
        .padding(.all)
        Spacer()
    }
}
}
struct ListCellView_Previews: PreviewProvider {

static var previews: some View {
    ListCellView(viewModel: RestrauntListViewModel(name: "in 3nout", imageURL: URL(string: "https://s3-media2.fl.yelpcdn.com/bphoto/FNYCY1myO6qlqXLTpGPyIA/o.jpg")!, distance: 4.94578764532, id: "34526434", rating: 4))
}
}
...