問題タブ [safearealayoutguide]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
ionic-framework - iPhone X Ionic 3 セーフエリアが機能しない
xCode 9.2、Ionic 3 をすべての最新バージョン (考えられるすべてのものを更新) で使用し、以下を追加しました。
<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
デバイスとシミュレーターでテストすると、iPhone 7 ではすべて正常に動作しますが、iPhone X では次の問題が発生します。
アプリの上部セクションと下部セクションの両方が、それぞれ上部/下部にありすぎます。これは、iPhone X の新しいセーフエリアと関係があると思います。
以下を追加しようとしましたが、すべてのデバイスで上部に空白ができたため機能しませんでした。
<preference name="StatusBarOverlaysWebView" value="false" />
誰かが同様の問題を経験しましたか?
私のイオン情報:
cli パッケージ:
グローバル パッケージ:
ローカル パッケージ:
システム：
環境変数：
その他:
ios - 安全なエリアのレイアウトに関するヘルプが必要
セーフ エリアの代わりにスーパー ビューに関して適切に制約を追加しましたが、特定の画面の上部と下部に灰色の領域の問題が発生します。I Phone X では画面全体に完全に表示されるはずです。スクリーンショットに従ってください。