android - 如何将 SafeAreaView 用于 Android 刘海屏设备？

Question

我正在使用 React Native 开发一个应用程序，我正在使用我的 OnePlus 6 进行测试，它有一个缺口。 SafeAreaView 是 iPhone X 的解决方案，但对于 Android，似乎没有解决方案。

如何解决此类问题？

Answer 1

做类似的事情

import { StyleSheet, Platform, StatusBar } from "react-native";

export default StyleSheet.create({
  AndroidSafeArea: {
    flex: 1,
    backgroundColor: "white",
    paddingTop: Platform.OS === "android" ? StatusBar.currentHeight : 0
  }
});

然后在你的 App.js 中

import SafeViewAndroid from "./components/SafeViewAndroid";

 <SafeAreaView style={SafeViewAndroid.AndroidSafeArea}>
          <Layout screenProps={{ navigation: this.props.navigation }} /> //OR whatever you want to render
        </SafeAreaView>

这应该很好用，因为 get height 会通过计算 statusBar 高度来解决 android 设备中的问题，并且它会相应地进行安排。