【React Native】文件翻譯閱讀紀錄 - Components(組件) - SafeAreaView
 |
| Facebook Open Source React Native |
SafeAreaView
SafeAreaView的目的是在設備的安全區域邊界內呈現內容。 它目前僅適用於iOS設備。
SafeAreaView 呈現嵌套內容並自動應用填充，反映導航欄，標籤欄，工具欄和其他祖先視圖未覆蓋的視圖部分。 此外，最重要的是，Safe Area的填充反映了屏幕的物理限制，例如圓角或相機凹口（即iPhone X上的傳感器外殼區域）。
SafeAreaView 呈現嵌套內容並自動應用填充，反映導航欄，標籤欄，工具欄和其他祖先視圖未覆蓋的視圖部分。 此外，最重要的是，Safe Area的填充反映了屏幕的物理限制，例如圓角或相機凹口（即iPhone X上的傳感器外殼區域）。
用法示例
只需使用帶有flex：1樣式的SafeAreaView包裝頂級視圖。 您可能還想使用與應用程序設計相匹配的背景顏色。
<SafeAreaView style={{flex: 1, backgroundColor: '#fff'}}>
<View style={{flex: 1}}>
<Text>Hello World!</Text>
</View>
</SafeAreaView>
0 意見