expo react-navigation 5.x,当包装在抽屉导航器中时,底部选项卡导航器在 IOS 和 Android 上的工作方式不同

expo react-navigation 5.x, Bottom Tab Navigator works differently on IOS and Android when wrapped in Drawer Navigator

想要使用自定义样式的中央选项卡图标和 DrawerNavigator 实现底部选项卡导航器。当 BottomTab 被 DrawerNavigator 包裹时,具有圆度的中心按钮在 Android 上被剪裁(在 IOS 上正常)

对于Android

对于IOS都可以,带或不带抽屉包装

下面是上面的工作点心,用于切换两种状态(使用 DrawerNavigator + Bottom Navigator 与 Bottom Navigator)

再次问题仅在 Android

https://snack.expo.dev/@haniq313/bottomtab-custom-center-icon

react-navigation 不存在这个问题 6.x。但是需要在 React-Navigation 5.x

上完成这项工作

https://github.com/react-navigation/react-navigation/issues/9615

为此寻找解决方案。这是导航 5.x 中的一个已知错误,如前所述,可以通过将整个 Tab.Navigator 包装在

中来修复

  .........