Строка состояния, скрывающая реагирование

Question

Я использую реагирующую навигацию и скрываю строку состояния вверху, но она оставляет пустое пространство над заголовком.

Я уже пробовал 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 часть.

Надеюсь, это полезно для других.

Answer 2

Попробуйте статическую функцию Строка состояния .Вам может потребоваться преобразовать компонент в React Component / Pure Component.Попробуйте с и без преобразования.

componentDidMount(){
 StatusBar.setHidden(true,true);
}