反应导航 jumpToIndex 未定义答案

【问题标题】：React-Navigation jumpToIndex undefined反应导航 jumpToIndex 未定义
【发布时间】：2020-09-09 13:42:31
【问题描述】：

我收到此错误。我试图让用户按下标签栏并且内容滚动到顶部但我得到 jumpToIndex 不是一个函数

这是我的代码：

const NavigationBar = createBottomTabNavigator({
    Home: {
        screen: HomeNav, navigationOptions: ({ navigation }) => ({
            title: 'Home',
            tabBarOnPress: (scene, jumpToIndex) => {
                console.log('onPress:', scene.route);
                jumpToIndex(scene.index);
            },
        }),
    }
})

【问题讨论】：

标签： javascript react-native navigation react-navigation

【解决方案1】：

根据您的 react-navigation 的活动版本，jumpToIndex 方法可能会被贬值，您可以访问https://reactnavigation.org/docs/bottom-tab-navigator/#tabpress 此处的文档，了解如何在选项卡获得焦点后滚动到顶部。

【讨论】：

【解决方案2】：

我猜你正在使用 react native navigation v4，但你的代码已被弃用

https://reactnavigation.org/docs/4.x/material-bottom-tab-navigator/#tabbaronpress

const NavigationBar = createBottomTabNavigator({
    Home: {
        screen: HomeNav, navigationOptions: ({ navigation }) => ({
            title: 'Home',
            tabBarOnPress: ({navigation, defaultHandler}) => {
               // your logic
            },
        }),
    }
})

【讨论】：