javascript - react 导航隐藏状态栏在标题上方留下空间

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部分。

希望这对其他人有帮助。