Как убрать высоту строки состояния в React-native или Expo

Question

Я хочу удалить StatusBar height.

Так что, хотя мне удалось не выглядеть как hidden , высота status bar все еще остается.Я хочу избавиться от этой statusbar высоты.

  <View style={styles.container}>
        <StatusBar hidden={true} />
...

Использовать StatusBar.currentHeight, но не сработало.

  constructor(props) {
    super(props);
  StatusBar.currentHeight = 0
}

Как избавиться от области StatusBar?

Answer 1

StatusBar.currentHeight не доступен для записи. StatusBar.currentHeight вернет высоту строки состояния. Для получения дополнительной информации

Answer 2

Вы можете попробовать с

import { SafeAreaView } from "react-navigation";

SafeAreaView.setStatusBarHeight(0);

Answer 3

Небольшая библиотека, которая поможет вам получить высоту строки состояния и изменения.

Установить

npm install --save react-native-status-bar-height

ИЛИ

yarn add react-native-status-bar-height

Использование getStatusBarHeight (skipAndroid: boolean = false)

import { getStatusBarHeight } from 'react-native-status-bar-height';


// 44 - on iPhoneX
// 20 - on iOS device
// X - on Android platfrom (runtime value)
// 0 - on all other platforms (default)
console.log(getStatusBarHeight());

// will be 0 on Android, because You pass true to skipAndroid
console.log(getStatusBarHeight(true));

см. Здесь

Например