Javascript Expo SDK 31 react navigation BottomTabNavigator与react本机svg图标不工作

我使用react native svg在整个应用程序中创建图标，包括选项卡导航器。在我将Expo SDK 30更新为SDK 31之前，一切都很正常（SDK 32中仍然存在同样的问题）

最后一个选项卡的图标似乎与其他选项卡重叠，阻止用户导航到除最后一个选项卡以外的任何选项卡。在每个图标的底部或顶部边缘进行非常精确的点击会触发预期的导航行为，但最后一个选项卡图标似乎覆盖了99%的选项卡区域

导航器：

//导入
const AppNavigator=createStackNavigator(
{
应用选项卡：{
屏幕：CreateBoottomTabNavigator(
{
第一屏：{
屏幕：屏幕一，
导航选项：{
tabBarIcon:（{tintColor}）=>
}
},
屏幕二：{
屏幕：屏幕二，
导航选项：{
tabBarIcon:（{tintColor}）=>
}
},
第三幕：{
屏幕：屏幕三，
导航选项：{
tabBarIcon:（{tintColor}）=>
}
},
},
{
initialRouteName:'屏幕一'，
headerMode:“无”，
选项卡选项：{
showLabel:false，
activeTintColor:colors.blue，
不活动IntColor:colors.gray0，
样式：{backgroundColor:colors.gray2}，
}
}
)
},
//其他导航员
},
{
initialRouteName:'AppTab'，
headerMode:“无”
}
)
导出默认createAppContainer（AppNavigator）