Question

当我为我的应用程序使用createBottomTabNavigator时，它在iOS和Android上均可完美运行。但是，当我将其更改为createMaterialTopTabNavigator时，在Android上一键单击选项卡后，它将停止导航（iPhone模拟器运行正常）。我仍然可以左右滑动至其他标签，但标签栏不再重定向。该应用程序不会冻结，但响应良好，但不会发生重定向。如果我将其更改为createBottomTabNavigator，它将再次正常运行。可能是什么问题？我在真实的Android设备上进行了测试，但仍然相同。没有tabBar选项或其他任何选项。最奇怪的是，滑动仍然有效。

const JournalStack = createStackNavigator({
    Journal: JournalScreen,
    ActivityDetail: ActivityDetailsScreen,
})

const HomeStack = createStackNavigator({
    Home: HomeScreen,
})

const TasksStack = createStackNavigator({
    Tasks: TasksScreen,
})

export const MainTabs = createMaterialTopTabNavigator({
    Journal: JournalStack,
    Home: HomeStack,
    Tasks: TasksStack,
})

这是一个演示问题https://i.imgur.com/34gPrIJ.mp4

的小视频

Answer 1

这是一个已知问题https://github.com/react-navigation/react-navigation/issues/5684，可以使用该问题中的步骤或使用React Navigation标签https://github.com/react-navigation/react-navigation-tabs/releases/tag/v2.0.0-alpha.0的最新版本（alpha）进行修复。但是，您需要添加reanimated作为依赖项，但这是一个必须具有真正性能的动画库并修复旧设备上的性能

createMaterialTopTabNavigator在一次导航后无法导航

1 个答案: