Преобразовать содержательную модель в EnvironmentObject - PullRequest
Новая
       12

Преобразовать содержательную модель в EnvironmentObject

1 голос
/ 13 марта 2020

Мне нужно преобразовать мою модель Contentful, чтобы она была доступна для нескольких просмотров.

Так, например, у меня будет список фильмов, и у каждого будет изображение, заголовок и URL-адрес для прицеп. У меня будет представление для обработки изображений, и когда пользователь нажимает на изображение, я бы хотел, чтобы представление заголовка обновлялось, а представление, которое будет воспроизводить трейлер, обновляется в зависимости от выбора.

Что бы будет ли лучший способ обновления ниже, чтобы при вызове selectableRow я мог обновить свой заголовок и мой видеопроигрыватель с правильными данными?

Я пытался обновить структуру Movie до класса и сделать это ObservableObject но это просто приводит к ошибкам. 

import SwiftUI
import Combine
import Contentful

struct Movie: Codable, Identifiable, FieldKeysQueryable, EntryDecodable {

    static let contentTypeId: String = "movies"

    // FlatResource Memberes.
    let id: String
    var updatedAt: Date?
    var createdAt: Date?
    var localeCode: String?

    var title: String
    var movieId: String
    var movieTrailer: String

    enum FieldKeys: String, CodingKey {

        case title, movieId, movieTrailer
    }

    enum CodingKeys: String, CodingKey {
        case id = "id"
        case title = "title"
        case movieId = "movieId"
        case movieTrailer = "movieTrailer"
    }
}

public class MovieFetcher: ObservableObject {

    @Published var movies = [Movie]()

    init() {
        getArray(id: "movies") { (items) in
            items.forEach { (item) in
                self.movies.append(Movie(id: item.id, title: item.title, movieId: item.movieId, movieTrailer: item.movieTrailer))
            }
        }
    }

    func getArray(id: String, completion: @escaping([Movie]) -> ()) {

        let client = Client(spaceId: spaceId, accessToken: accessToken, contentTypeClasses: [Movie.self])

        let query = QueryOn<Movie>.where(contentTypeId: "movies")

        client.fetchArray(of: Movie.self, matching: query) { (result: Result<ArrayResponse<Movie>>) in
            switch result {
            case .success(let array):
                DispatchQueue.main.async {
                    completion(array.items)
                }
            case .error(let error):
                print(error)
            }
        }
    }
}

struct moviesView : View {

    @ObservedObject var fetcher = MovieFetcher()

    @State var selectMovie: Movie? = nil

    @Binding var show: Bool

    var body: some View {
        HStack(alignment: .bottom) {
            if show {
                ScrollView(.horizontal) {
                    Spacer()

                    HStack(alignment: .bottom, spacing: 30) {
                        ForEach(fetcher.movies, id: \.self) { item in
                            selectableRow(movie: item, selectMovie: self.$selectMovie)
                        }
                    }
                    .frame(minWidth: 0, maxWidth: .infinity)
                }
                .padding(.leading, 46)
                .padding(.bottom, 26)
            }
        }
    }
}

struct selectableRow : View {

    var movie: Movie

    @Binding var selectedMovie: Movie?

    @State var initialImage = UIImage()

    var body: some View {
        ZStack(alignment: .center) {
            if movie == selectedMovie {
                Image("")
                .resizable()
                .frame(width: 187, height: 254)
                .overlay(
                    RoundedRectangle(cornerRadius: 13)
                Image(uiImage: initialImage)
                .resizable()
                .cornerRadius(13.0)
                .frame(width: 182, height: 249)
                .onAppear {
                    let urlString = "\(urlBase)\(self.movie.movieId).png?"
                    guard let url = URL(string: self.urlString) else { return }
                    URLSession.shared.dataTask(with: url) { (data, response, error) in
                        guard let data = data else { return }
                        guard let image = UIImage(data: data) else { return }

                        RunLoop.main.perform {
                            self.initialImage = image
                        }

                    }.resume()
                }
            } else {
                Image(uiImage: initialImage)
                .resizable()
                .cornerRadius(13.0)
                .frame(width: 135, height: 179)
                .onAppear {
                   let urlString = "\(urlBase)\(self.movie.movieId).png?"
                   guard let url = URL(string: self.urlString) else { return }
                    URLSession.shared.dataTask(with: url) { (data, response, error) in
                        guard let data = data else { return }
                        guard let image = UIImage(data: data) else { return }

                        RunLoop.main.perform {
                            self.initialImage = image
                        }

                    }.resume()
                }
            }
        }
        .onTapGesture {
            self.selectedMovie = self.movie
        }
    }
}

struct mainView : View {

    @ObservedObject var fetcher = MovieFetcher()

    @State private var show = true

    var body: some View {
        ZStack {
            trailerView(show: $show)
            titleView(show: $show)
            moviesView(show: $show)
        }
    }
}

class hostingController: UIHostingController<mainView> {

    required init?(coder: NSCoder) {
        super.init(coder: coder,rootView: mainView().environmentObject(Movie())); // Getting error here
    }

    override func viewDidLoad() {
        super.viewDidLoad()
    }
}

1 Ответ

0 голосов
/ 13 марта 2020

Я предполагаю, что вы хотите использовать mainView в проекте UIKit.

Не уверен, что вы пытаетесь сделать, но вы не можете сделать это: 

required init?(coder: NSCoder) {
        super.init(coder: coder,rootView: mainView().environmentObject(Movie())); // Getting error here
    }

Поскольку у вас уже есть наблюдаемый объект (MovieFetcher), вы можете получить доступ к фильмам, используя fetcher.movies в mainView или любом другом представлении.

...