android - 避免状态栏在所有屏幕上重叠

我希望我的应用程序上的所有屏幕都显示在iOS和Android的状态栏下方，因此我必须在所有屏幕上添加StatusBar组件或paddingTop。

有没有办法在全局范围内做到这一点？在Redux应用程序中添加StatusBar的适当顶级组件在哪里？ (例如https://github.com/react-community/react-navigation/tree/master/examples/ReduxExample的哪一部分)？

最佳答案

步骤1:导入平台和StatusBar

import { Platform, StatusBar} from 'react-native';

步骤2:在父 View 中添加此样式

paddingTop: Platform.OS === 'android' ? StatusBar.currentHeight : 0

完整代码:

import React, { Component } from 'react';
    import {
      Text, View,
      Platform, StatusBar
    } from 'react-native';

    export default class App extends Component {
      render() {
        return (
          <View style={{ paddingTop: Platform.OS === 'android' ? StatusBar.currentHeight : 0 }}>
            <Text>This is Text</Text>
          </View>
        );
      }
    }

关于android - 避免状态栏在所有屏幕上重叠，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45581440/