NativeBase + Exponent標頭

Question

我在Exponent中使用NativeBase。標題位於手機的StatusBar下方。您可以在Exponent發佈的NativeBase演示中看到這一點。

沒有人對此有一個解決？

Answer 1

我最終添加了一個marginTop與設備的狀態欄的值。

import { 
    StatusBar, 
} from 'react-native' 

在我的全局樣式表：

header: { 
    marginTop: StatusBar.currentHeight, 
} 

Answer 2

我發現了一個更好的辦法這個使用StyleProvider我的主題，然後進入脫組件的文件夾（本機基本主題/組件）來處理髮現Header.js文件並更改paddintTop值（大約305行）

Answer 3

由於此問題僅在Android中出現，因此推薦的解決方法是使用專門針對Android的平臺：

import {Platform, StatusBar} from 'react-native' 

const styles = StyleSheet.create({ 
    container: { 
      flex: 1, 
      ...Platform.select({ 
       android: { 
        marginTop: StatusBar.currentHeight 
       } 
      }) 

     } 
}) 

容器是應用程序中的主容器。

<View style={{styles.container}}> 
// rest of the code here 
</View>