SwiftUI Nav Bar отключен - PullRequest
       19

SwiftUI Nav Bar отключен

0 голосов
/ 26 апреля 2020

Я недавно обновил XCode и по какой-то причине теперь в симуляторе (и на устройстве) мои навигационные панели на моих представлениях SwiftUI обрезаются, как показано ниже: enter image description here

Я не изменил свой код, поэтому мне интересно, что, черт возьми, произошло. Код этого представления для справки приведен ниже:

struct EventsView: View {
    @ObservedObject var viewModel: EventsViewModel

    init() {
        viewModel = EventsViewModel()
        coloredNavAppearance.configureWithOpaqueBackground()

        coloredNavAppearance.backgroundColor = ColorCodes.darkGrey.uicolor()
        coloredNavAppearance.titleTextAttributes = [.foregroundColor: UIColor.white]
        coloredNavAppearance.largeTitleTextAttributes = [.foregroundColor: UIColor.white]

        UINavigationBar.appearance().standardAppearance = coloredNavAppearance
        UINavigationBar.appearance().scrollEdgeAppearance = coloredNavAppearance

        UINavigationBar.appearance().tintColor = .white

        UITableView.appearance().separatorStyle = .none

    }

    var body: some View {
        NavigationView {
            if viewModel.eventViewModels.isEmpty {
                ZStack {
                    ColorCodes.darkGrey.color()
                        .edgesIgnoringSafeArea(.all)
                    VStack {
                    Text("No events are active yet. Click the plus button to purchase an event.").foregroundColor(.white).font(.custom("Segoe UI", size: 17))
                    }.navigationBarTitle(Text("Active Events"), displayMode: .large)
                    .navigationBarItems(trailing:
                        Button(action:  {
                            //show add event modal
                            self.viewModel.showAddEventModal.toggle()
                        }) {
                            Image("plus")
                        }
                    )
                }

            }else {
                List{

                    ForEach(viewModel.eventViewModels, id: \.id) { eventViewModel in
                        EventRow(viewModel: eventViewModel)
                    }.listRowBackground(ColorCodes.darkGrey.color())
                }
                .navigationBarTitle(Text("Active Events"), displayMode: .large)
                .navigationBarItems(trailing:
                    Button(action:  {
                        //show add event modal
                        self.viewModel.showAddEventModal.toggle()
                    }) {
                        Image(systemName: "plus")
                    }
                )
                .alert(isPresented: $viewModel.showAlert) {
                    Alert(title: Text("Error"), message: Text(viewModel.errorMessage), dismissButton: .default(Text("Ok")))
                }
                .sheet(isPresented: $viewModel.showAddEventModal) {
                    AddEventView(viewModel: AddEventViewModel())
                }

            }
        }
    }
}

Вот как выглядит событие:

struct Event: Codable, Identifiable {

    public let id: String
    public let name: String
    public let phoneNumber: PhoneNumber
    public let isActive: Bool
    public let startDate: Date



    enum CodingKeys: String, CodingKey {
        case id = "id"
        case name = "name"
        case phoneNumber = "event_phone_number"
        case startDate = "start"
    }

}

Вот модель представления событий:

import Combine

enum EventViewModelState {
    case loading
    case finishedLoading
    case error(Error)
}

class EventsViewModel: ObservableObject {

    @Published private(set) var eventViewModels: [EventCellViewModel] = []

    @Published private(set) var state: EventViewModelState = .loading

    @Published var errorMessage: String = ""

    @Published var showAlert: Bool = false

    @Published var showAddEventModal: Bool = false

    private var getEventsCancellable: AnyCancellable?

    private let eventService: EventServiceProtocol

    init(eventService: EventServiceProtocol = EventService()) {
        self.eventService = eventService
        getEvents()
    }

    func getEvents() {
        state = .loading

        getEventsCancellable = eventService
            .getEvents()
            .sink(receiveCompletion: { [weak self] (completion) in
                switch completion {
                case .failure(let serviceError):
                    if let errorCasted = serviceError as? ServiceError {
                    self?.unWrapError(error: errorCasted)
                    self?.state = .error(serviceError)
                    self?.showAlert = true
                    }
                case .finished: self?.state = .finishedLoading
                }
            }) { [weak self] events in
                self?.eventViewModels = events.map {
                    EventCellViewModel(event: $0)
                }
        }
    }

    func unWrapError(error: ServiceError) {
        switch error {
        case .url:
            self.errorMessage = "There was something wrong with the url request, please contact support."
        case .urlRequest:
             self.errorMessage = "There was something wrong with the url request, please contact support."
        case .decode:
             self.errorMessage = "There was something wrong with the response. Please make sure you are on the latest version of the app or contact support."
        case .internalError(let errorString):
             self.errorMessage = errorString
        }
    }
}

вот модель представления ячейки события:

import Foundation
import Combine

class EventCellViewModel: ObservableObject {

    @Published var name: String = ""
    @Published var eventPhoneNumber: String = ""
    @Published var startDate: String = ""
    @Published var id: String = ""

    private let event: Event

    init(event: Event) {
        self.event = event
        setUpBindings()
    }

    func setUpBindings() {
        id = String(event.id)
        name = event.name
        eventPhoneNumber = event.phoneNumber.phoneNumber
        startDate = event.startDate.toShortDate()
    }
}

У меня есть некоторые пользовательские настройки внешнего вида панели навигации, заданные в инициализации класса, но раньше это прекрасно работало. это случилось с кем-то еще, и кто-нибудь нашел или нашел способ обойти? Кроме того, поскольку здесь есть один элемент, как вы можете видеть ниже, он входит в блок else моего обзора, а не в тот, где вы видите ZStack, так что это не проблема, как я и другие ранее думали раньше. Я также попытался полностью удалить эту часть, но это все еще происходит.

Ответы [ 2 ]

0 голосов
/ 27 апреля 2020

Разобрался. Каким-то образом эта строка

.edgesIgnoringSafeArea(.top)

была добавлена ​​в мою вкладку и вызывает все проблемы.

0 голосов
/ 26 апреля 2020

это решит вашу проблему:

            .navigationBarItems(trailing:
                Button(action:  {
                    //show add event modal
                    self.viewModel.showAddEventModal.toggle()
                }) {
                    Image(systemName: "plus")
                }
            )
...