イオンタブバーは、ホームボタンを重なっ（iPhone X - iOSの11）（による仮想ホームボタンへの）iOSの11とiPhone Xすべてのアプリは、 "安全な場所" に生きるべき<a href="https://developer.apple.com/ios/human-interface-guidelines/overview/iphone-x/" rel="noreferrer">Apple specified</a>で

Question

：

クリッピングを防止するためのインセット必須コンテンツ。 [...]最良の結果を得るには、標準のシステム提供のインターフェイス要素と自動レイアウトを使用してインターフェイスを構築します。すべてのアプリは、UIKitで定義された安全領域とレイアウトマージンを遵守する必要があります。これにより、デバイスとコンテキストに基づいて適切なインセットが行われます。安全領域は、コンテンツがステータスバー、ナビゲーションバー、ツールバー、およびタブバーの下になるのを防ぎます。

問題は、したがって、バーはホームボタンの下にある、画面のこの部分タブバーカバーとイオンアプリ（V 1）である：

誰がどのように知っています修理する？

（注意：iPhone Xシミュレータで新しいIonicアプリv1を実行すると、ウィンドウの上部と下部に2つの黒いスペースが表示されますが、これにより「viewport-fit = cover」をindex.htmlの中にあなたのメタタグ）

Answer 1

Ionic1プロジェクトでは、タブナビをターゲットに設定するとそのトリックが行われました。

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

Answer 2

あなたは、すなわち

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

（または似たようなイオン性v1のフッターにthis answerで概説同じ原理を適用することができるはず - 私はこれをテストしていません）

Answer 3

制約を追加できます。 oカスタムtabBarメインビューを使用して、下部のsafeAreaLayoutGuideに接続します。

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