直接使用SafeAreaView,在iOS端下可以把組件包裹在安全區域內,但有時候如果你不想SafeAreaView的區域限定在安全區域內,可以用下面的方法。
首先注意,要使用從 ‘react-navigation’ 導出的SafeAreaView
import {SafeAreaView} from 'react-navigation';
它有一個forceInset屬性,可以控制是否增加safe inset,具體代碼爲
<SafeAreaView
style={styles.safeView}
forceInset={{
top: 'never',
bottom: 'never',
right: 'always' ,
left: 'always'
}}>
</SafeAreaView>
再次聲明是從react-navigation導出的SafeAreaView纔有這個屬性,從react-native導出的是沒有的。