React-Native 三星 S10 相机后面的按钮

Question

最近我遇到一个问题，我的应用程序在自定义 header 上的勾选按钮已经落后于三星 S10 相机，我在我的应用程序和三星 S10 中使用透明状态栏，相机稍微有点从上往下所以它出现在应用程序视口内，我不确定其他设备，但有没有一种方法可以检测到这些东西，并在此基础上我可以更改样式或如何克服这些问题

Answer 1

试试这个..

import { SafeAreaView, Platform } from "react-native";

render() {
    return (
      <SafeAreaView style={{
        flex: 1,
        backgroundColor: 'blue',
        paddingTop: Platform.OS === 'android' ? 25 : 0}}>
          //More controls and such
      </SafeAreaView>
    );
  }
}

根据您的要求进行调整..

Answer 2

我使用了 'react-native' 库中的 StatusBar.currentHeight 来解决这个问题，因为这将提供状态栏的实际高度，而不是使用任何静态高度