調整SafeAreaView的大小

直接使用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導出的是沒有的。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章