跳到主要內容

SafeAreaView

SafeAreaView 的目的是在裝置的安全區域邊界內渲染內容。目前僅適用於搭載 iOS 11 或更高版本的 iOS 裝置。

SafeAreaView 渲染巢狀內容,並自動套用邊距,以反映視圖中未被導覽列、標籤列、工具列和其他祖先視圖覆蓋的部分。更重要的是,SafeArea 的邊距反映了螢幕的物理限制,例如圓角或相機缺口(即 iPhone 13 上的感測器外殼區域)。

範例

若要使用,請使用 SafeAreaView 包裹您的頂層視圖,並對其套用 flex: 1 樣式。您可能還想使用與應用程式設計相符的背景顏色。


參考

Props

View Props

繼承 View Props

由於邊距用於實作元件的行為,因此套用至 SafeAreaView 的樣式中的邊距規則將被忽略,並可能導致因平台而異的結果。詳情請參閱 #22211