我通过讨论相同的问题来讨论一些主题,但它们是特定于平台的。例如,对于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)