android - ( native react )如何将SafeAreaView用于Android缺口设备？

我实际上正在开发一个具有本机响应的应用程序，并且正在用我的plus 6进行测试，并且它有一个缺口。 SafeAreaView是iPhone X的解决方案，但对于Android，似乎没有解决方案。

有人听说过有什么办法可以解决这个问题吗？

最佳答案

最近我不得不使用一种解决方法:

GlobalStyles.js:

import { StyleSheet, Platform } from 'react-native';
export default StyleSheet.create({
    droidSafeArea: {
        flex: 1,
        backgroundColor: npLBlue,
        paddingTop: Platform.OS === 'android' ? 25 : 0
    },
});

它的用法如下:

App.js

import GlobalStyles from './GlobalStyles';
import { SafeAreaView } from "react-native";

render() {
    return (
      <SafeAreaView style={GlobalStyles.droidSafeArea}>
          //More controls and such
      </SafeAreaView>
    );
  }
}

您可能需要对其进行一些调整以适合您正在处理的任何屏幕，但这使我的标题位于顶部的图标带下方。