反应本机选项卡导航器 - 滑动事件

Question

我正在使用 React Native Tab Navigator。我能够收听 Tab Press 事件 ，使用以下代码片段。

但是有没有办法获取标签滑动事件？

SecondComponent: {
        screen: UserDetails,
        navigationOptions: ({ navigation, navigationOptions }) => ({
            tabBarOnPress: (previousScreen, jumpToIndex) => {
                navigation.navigate('UserDetails', { data: Math.floor(Math.random() * 100) + 1 });
            },
            tabBarLabel: 'Details',
            tabBarIcon: ({ tintColor }) => (
                <Image
                    source={require('./assets/images/contacticon.png')}
                    style={[styles.icon, { tintColor: tintColor }]}
                />
            )
        })
    }

Answer 1

事件

侦听器被称为onRequestChangeTab，但后来改为onIndexChange。您应该在TabNavigator配置上尝试一下。(https://github.com/react-navigation/react-navigation/pull/2527(

onNavigationStateChange不起作用，因为它在您每次导航时都会执行，无论是发生在选项卡还是堆栈内。