Android и React Native - верхняя панель навигации

Question

Я хотел бы спросить вас о разделе, выбранном на картинках ниже.

Как называется этот раздел и как я могу оформить его в React Native?В настоящее время мой APK имеет ужасную белую полосу, и я не вижу уровень заряда батареи или WiFi.

Answer 1

Область с батареей и временем называется строка состояния . В большинстве случаев, которые я видел, строке состояния задается заданная высота в зависимости от платформы из Platform модуля ReactNative.

После этого вы можете передать эту высоту <View> и добавить дополнительные стили.

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

...code...

const STATUS_BAR_HEIGHT = Platform.select({ ios: 20, android: 24 })

export default class MyComponent extends Component {

  ...code...

  render() {
    <View style={{ height: STATUS_BAR_HEIGHT, ...more styles here... }} />
    <View>

      ...code...

    </View>
  }
}