2017-09-20 47 views
5

z IOS 11 i iPhone X Apple specified każda aplikacja powinna żyć w "bezpiecznej strefy" (ze względu na wirtualny przycisk głównej):Ionic pasek kart pokrywa przycisk home (iPhone X - iOS 11)

enter image description here

Zawiera niezbędną zawartość, aby zapobiec przycinaniu. [...] Aby uzyskać najlepsze wyniki, użyj standardowych, dostarczanych przez system elementów interfejsu i automatycznego układu, aby utworzyć interfejs. Wszystkie aplikacje powinny być zgodne z bezpiecznym obszarem i marginesami układu zdefiniowanymi przez UIKit, które zapewniają odpowiednie wstawianie w zależności od urządzenia i kontekstu. Bezpieczny obszar zapobiega także powielaniu się zawartości paska stanu, paska nawigacji, paska narzędzi i paska kart.

Problem jest aplikacja Ionic (v. 1) z pokrywą kreskowego Zakładka ta część ekranu, więc bar jest pod przyciskiem home:

enter image description here

czy ktoś wie jak napraw to?

(uwaga: jeśli uruchomisz nową aplikację Ionic v1 w symulatorze iPhone X, otrzymasz dwie czarne przestrzenie na górze i na dole okna, ale możesz zapobiec dodaniu "viewport-fit = cover" do meta tag wewnątrz index.html)

Odpowiedz

0

W przypadku projektu Ionic1 odkryłem, że kierowanie na zakładkę prowadziło lewę.

.tab-nav { 
    margin-bottom: constant(safe-area-inset-bottom); 
} 
1

powinien móc zastosować tę samą zasadę opisaną w this answer do v1 stopce jonowe, tj

.bar-footer { 
    margin-bottom: constant(safe-area-inset-bottom); 
} 

(lub coś podobnego - nie testowałem tego)

0

Możesz dodać ograniczenie t o Twój niestandardowy widok główny tabBar, aby połączyć go z dolnym safeAreaLayoutGuide.

yourView.bottomAnchor.constraint(equalTo: self.view.safeAreaLayoutGuide.bottomAnchor).isActive = true 
Powiązane problemy