メインコンテンツへスキップ

🗑️ SafeAreaView

非推奨

代わりにreact-native-safe-area-contextを使用してください。

SafeAreaViewの目的は、デバイスのセーフエリア境界内にコンテンツをレンダリングすることです。現在、iOSバージョン11以降のiOSデバイスにのみ適用されます。

SafeAreaViewは、ネストされたコンテンツをレンダリングし、ナビゲーションバー、タブバー、ツールバー、およびその他の親ビューによって覆われていないビューの部分を反映するように、自動的にパディングを適用します。さらに、最も重要なこととして、セーフエリアのパディングは、丸みを帯びた角やカメラノッチ（iPhone 13のセンサーハウジングエリアなど）といった画面の物理的な制限を反映します。

例​

使用するには、トップレベルビューをflex: 1スタイルが適用されたSafeAreaViewで囲みます。また、アプリケーションのデザインに合う背景色を使用することもできます。

リファレンス

Props​

View Props​

ViewのPropsを継承します。

注

コンポーネントの動作を実装するためにパディングが使用されているため、SafeAreaViewに適用されるスタイルでのパディングルールは無視され、プラットフォームによって異なる結果を引き起こす可能性があります。詳細については、#22211を参照してください。