React Native Tab Navigator - 滑动事件

时间:2018-01-04 10:28:06

标签: android react-native react-native-android tabnavigator

我正在使用 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 }]}
                />
            )
        })
    }

1 个答案:

答案 0 :(得分:0)

事件监听器被称为onRequestChangeTab,但后来更改了onIndexChange。您应该尝试使用 TabNavigator 配置。 (https://github.com/react-navigation/react-navigation/pull/2527

onNavigationStateChange无效,因为每次导航时都会执行,无论是在标签页还是堆栈内。