이온 탭 바는 홈 버튼을 중첩 (아이폰 X - 아이폰 OS 11) (인해 가상 홈 버튼) 아이폰 OS (11)와 아이폰 X 모든 응용 프로그램은 "안전한 지역"에서 살아야 <a href="https://developer.apple.com/ios/human-interface-guidelines/overview/iphone-x/" rel="noreferrer">Apple specified</a>와

Question

:

클리핑을 방지하기 위해 삽입 된 필수 내용입니다. [...] 최상의 결과를 얻으려면 시스템에서 제공하는 표준 인터페이스 요소와 자동 레이아웃을 사용하여 인터페이스를 구성하십시오. 모든 앱은 UIKit에 정의 된 안전 영역 및 레이아웃 여백을 준수해야 장치 및 컨텍스트에 따라 적절한 삽입을 보장합니다. 안전 영역은 내용이 상태 표시 줄, 탐색 모음, 도구 모음 및 탭 표시 줄에 밑줄을 긋지 못하게합니다.

는

사람이 방법을 알고 있나요 :

문제는 그러므로 막대가 홈 버튼 아래 화면의이 부분 탭 바 커버와 이온 응용 프로그램 (. 1 절)입니다 고쳐?

(주의 : iPhone X 시뮬레이터에서 새로운 Ionic 앱 v1을 실행하면 창의 상단과 하단에 두 개의 검은 색 공백이 생깁니다. 그러나이 경우 "viewport-fit = cover"를 즉 index.html을 내부 사용자의 메타 태그)

Answer 1

Ionic1 프로젝트의 경우 탭 - 네비게이션을 타겟팅하면 트릭이 발생한다는 것을 알았습니다.

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

Answer 2

당신은 이오니아 V1 바닥 글에 this answer에 설명 된 동일한 원리를 적용 할 수 있어야

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

(또는 비슷한 -이 테스트를하지 않은 경우)

Answer 3

제약 조건 t를 추가 할 수 있습니다. o 사용자 정의 tabBar 기본보기를 사용하여 아래쪽 safeAreaLayoutGuide에 연결합니다.

yourView.bottomAnchor.constraint(equalTo: self.view.safeAreaLayoutGuide.bottomAnchor).isActive = true