如何在React Navigation v3中创建顶部标签？

Question

我可以从文档中看到v3的createTabNavigator已被删除。替换为createBottomTabNavigator，createMaterialTopTabNavigator和createMaterialBottomTabNavigator。

我正在使用createBottomTabNavigator进行主屏幕导航，但希望在每个屏幕顶部都具有选项卡以获取内容类别。

我们在此项目中未使用材料设计，因此createMaterialTopTabNavigator选项无济于事。

Answer 1

使用createMaterialTopTabNavigator并通过tabBarOptions自定义样式选项，以适合您的项目设计。

如果您需要的定制更多，则可以用自己的tabBarComponent覆盖。这是tabBarComponent默认使用的createMaterialTopTabNavigator的{​​{3}}作为创建您自己的自定义tabBarComponent的参考。

为清楚说明为什么在{3.0中删除了createTabNavigator，这里是source code。 createTabNavigator曾经做过的事情是在iOS上使用createBottomTabNavigator，在Android上使用createMaterialTopTabNavigator，如果您希望自己的应用在两台设备上看起来都一样，则不切实际。两个功能。