React-Navigation jumpToIndex 未定义

Question

I am getting this error . I am trying to make user press on tabbar and the content scrolls to the top but I am getting jumpToIndex is not a function

This is my code:

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

Answer 1

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

Answer 2

I guess you are using react native navigation v4, but your code is deprecated

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
            },
        }),
    }
})