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

问题描述

最近我遇到了一个问题，即我的应用程序的自定义标头上的对勾按钮位于Samsung S10相机的后面，我在我的应用程序中使用了透明的状态栏，而在Samsung S10中，该相机的位置略低于顶部，因此在应用程序视口中，我不确定是否有其他设备，但是有没有办法我可以检测到这种情况，并在此基础上更改样式或如何克服此类问题

解决方法

尝试一下。

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>
    );
  }
}

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

,

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