【问题标题】:createMaterialTopTabNavigator doesn't navigate after one navigationcreateMaterialTopTabNavigator 在一次导航后不导航
【发布时间】:2019-08-08 00:09:03
【问题描述】:

当我为我的应用程序使用 createBottomTabNavigator 时,它在 iOS 和 Android 上都能完美运行。但是当我将其更改为 createMaterialTopTabNavigator 时,它会在 Android 上单击选项卡后停止导航(iPhone 模拟器工作正常)。我仍然可以左右滑动到不同的标签,但标签栏不再重定向。该应用程序不会冻结,它响应良好,但不会发生重定向。如果我将其更改为 createBottomTabNavigator,它会再次正常工作。可能是什么问题? 我在真正的安卓设备上测试过,还是一样。没有 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

【问题讨论】:

  • 这是在react-native0.59吗?
  • 是的,它的 0.59.1。还有 react-navigation 3.4.1

标签: android react-native react-navigation


【解决方案1】:

这是一个已知问题 https://github.com/react-navigation/react-navigation/issues/5684 ,可以使用该问题中的步骤修复它,或者使用最新版本 (alpha) 的反应导航选项卡 https://github.com/react-navigation/react-navigation-tabs/releases/tag/v2.0.0-alpha.0 。但是,您需要添加 reanimated 作为依赖项,但它是真正高性能动画和修复旧设备性能的必备库

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-01-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-02-03
    • 1970-01-01
    相关资源
    最近更新 更多