React Navigation底部标签栏底部出现多余空白问题求助

更新最新版@react-navigation/bottom-tabs后，iPhone设备上标签栏项目下方出现空白，可通过以下方式解决：

• 调整标签栏样式移除底部内边距
  在创建标签导航器时，通过screenOptions的tabBarStyle设置paddingBottom为0，也可针对iOS单独配置：

<Tab.Navigator
  screenOptions={{
    tabBarStyle: {
      paddingBottom: 0,
      ...Platform.select({
        ios: {
          paddingBottom: 0,
        },
      }),
    },
  }}
>
  {/* 你的标签页组件 */}
</Tab.Navigator>

• 关闭安全区域自动适配
  新版本库默认适配iOS安全区域，可通过tabBarSafeAreaInset关闭底部适配：

<Tab.Navigator
  screenOptions={{
    tabBarSafeAreaInset: {
      bottom: 'never',
    },
  }}
>
  {/* 你的标签页组件 */}
</Tab.Navigator>

• 排查全局样式冲突
  检查项目中是否存在全局设置的paddingBottom、marginBottom样式，或是导航容器的自定义样式，这类样式可能干扰标签栏布局。

内容的提问来源于stack exchange，提问作者Adnan Ashraf