reactnavigation隐藏状态栏在标题上方留出空间

Question

我使用reactnavigation，并且将状态栏隐藏在顶部，但是在标题上方留有空白。

我已经尝试过paddingTop或marginTop，但是没有任何效果。

这就是我隐藏状态栏的方式。

import React from 'react';
import { Platform, View, StatusBar } from 'react-native';
import { Tabs, Drawer } from './config/router';

const App = () => (
    <View style={{flex:1}}>
        <StatusBar hidden={true} />
        <Drawer />
    </View>
);

export default App;

任何想法都会有所帮助。

谢谢。

Answer 1

如何修复

我将以下内容添加到index.js：

import React from 'react';
import { Platform, View, StatusBar } from 'react-native';
import { Tabs, Drawer } from './config/router';
import { SafeAreaView } from 'react-navigation';

SafeAreaView.setStatusBarHeight(0);

const App = () => (
    <View style={{flex:1}}>
        <StatusBar hidden={true} />
        <Drawer />
    </View>
);

export default App;

基本上添加了SafeAreaView部分。

希望这对其他人有帮助。