react-navigation 和 react-native-swiper 冲突

在demo中使用了 react-navigation 作为分屏组件，在Home屏中使用了 react-native-swiper，所有配置项正确有效的情况下，autoplay = true 时，出现了底部圆点标识在切换但是页面不切换。

const Tab = TabNavigator( { Home: { screen: HomeScene, navigationOptions: ({ navigation }) => ({ tabBarLabel: '首页', tabBarIcon: ({ focused, tintColor }) => ( <TabBarItem tintColor={tintColor} focused={focused} normalImage={require('./assets/img/tabbar_home.png')} selectedImage={require('./assets/img/tabbar_home_selected.png')} /> ) }) }) export default class Root extends React.Component { render() { return ( <HomeScene/> ) } }

在 HomeScene组件中使用了 react-native-swiper
let renderSwipeView = () => { return ( sliderImgs.map((item, i) => { return ( <View style={[{width: w, height: h}, styles.SwiperItem]}> <Image key={i} source={{uri: item}} style={{width: utils.os().width,height: utils.scaleSize(380)}}/> </View> ) } ) } <Swiper height={utils.scaleSize(380)} autoplay={true} loop={false}> {renderSwipeView()} </Swiper>

Reproduce the issue in the demo using the Root component with react-navigation and the HomeScene component containing the Swiper. Start by isolating the interaction between tab navigation and Swiper autoplay with the shown settings, then verify that the page changes along with the indicator and that the behavior remains correct when navigation is present.