React native 如何在React Navigation v3中创建顶部选项卡？

我可以查看v3的createTabNavigator已被删除的文档。它被替换为

createBottomTabNavigator

，

createMaterialTopTabNavigator

和

createMaterialBottomTabNavigator

我正在使用CreateBoottomTabNavigator进行主屏幕导航，但是希望在每个屏幕的顶部有选项卡，用于内容类别

我们在此项目中未使用材质设计，因此

createMaterialTopTabNavigator

选项无助于使用。

通过

选项卡选项使用和自定义其样式选项，以适合您项目的设计

如果需要更多的自定义项，则可以使用自己的自定义项覆盖
tabBarComponent
。以下是
tabBarComponent
的示例，默认情况下，
creatematerialopttabnavigator
将其用作创建自定义
tabBarComponent
的参考

为了明确为什么在3.0中删除了
createTabNavigator
，下面是。以前的
createTabNavigator
是在iOS上使用
createBottomTabNavigator
，在Android上使用
createMaterialTopTabNavigator
，如果你想让你的应用在两台设备上看起来都一样，这是不实际的，因此，它被分为这两个功能。
通过
选项卡选项使用和自定义其样式选项，以适合您的项目设计

如果需要更多的自定义项，则可以使用自己的自定义项覆盖
tabBarComponent
。以下是
tabBarComponent
的示例，默认情况下，
creatematerialopttabnavigator
将其用作创建自定义
tabBarComponent
的参考

为了明确为什么在3.0中删除了
createTabNavigator
，下面是。过去的
createTabNavigator
是在iOS上使用
createBottomTabNavigator
，在Android上使用
createMaterialTopTabNavigator
，如果你想让你的应用在两台设备上看起来都一样，这是不实际的，所以它被分成了这两个功能