反应导航底部选项卡高度iphone X和其他（带和不带尾部）

Question

当我设置底部选项卡样式和选项卡样式的高度时，ios上所有设备的高度都会改变。这意味着如果设备没有尾栏，它仍将具有与带有 safeareaview 的设备相同的高度。我想这样做：如果我们的设备没有 safeareaview，它的底部不会有空白。

Answer 1

解决了， 使用useSafeArea，

import { useSafeAreaInsets } from 'react-native-safe-area-context'
const insets = useSafeAreaInsets();


style: {
    height: 55 + insets.bottom
},
tabStyle: {
  height: 55
}