react-native - 反应导航底部标签高度 iphone X 和其他（有和没有尾巴）

Question

当我设置底部标签样式和标签样式的高度时，ios上所有设备的高度都会发生变化。这意味着如果设备没有尾栏，它仍将具有与具有安全区域视图的设备相同的高度。我想这样做：如果我们的设备没有安全区域视图，它的底部不会有空白。

标签： react-nativereact-navigation

Answer 1

解决了，使用useSafeArea，

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


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