Android状态栏在我的屏幕上重叠

时间:2018-02-12 02:37:55

标签: android-support-library android-appcompat react-native-android stack-navigator

我通过讨论相同的问题来讨论一些主题,但它们是特定于平台的。例如,对于iOS,建议在屏幕组件的顶部添加填充或添加高度等于填充的空视图。所以会发生的是我们对所使用的平台进行简单检查,如果它是iOS应用填充或空视图,则不然。

这种方法对我来说就像一个魅力,但直到我遇到一些Android设备面临同样的问题,所以padding和空视图选项现在不在桌面上,因为它不再是平台特定的,意味着如果我在这种情况下应用填充,其他声音Android设备'屏幕将被不必要地推下,这将导致糟糕的UI体验。

这是我在我的应用中实现的内容:

export default () =>
  <Root>
    <View
      style={{
        height: Platform.OS === "ios" ? StatusBar.currentHeight : 0,
        backgroundColor: "transparent"
      }}/>
    <App />
  </Root>;

App位于Stack Navigator且StatusBar为RN status bar API的位置(请参阅here

0 个答案:

没有答案