SegmentedView active title doesn't not match with the active index

[Eugene Li]

When using SegmentedView with type='carousel' and navigating using swipe gesture, the active title index doesn't change correctly. As the picture shown, The current active index is 2 ,and the active bar displayed under "Three", but the active text still on "Two". This only happen when using wipe gesture.

[Eugene Li]

teaset/components/SegmentedView/SegmentedView.js

Lines 50 to 54 in 8b9c5c0

 componentDidUpdate(prevProps) { 
   if (prevProps.activeIndex != this.props.activeIndex && this.refs.carousel) { 
     this.refs.carousel.scrollToPage(this.props.activeIndex); 
   } 
 } 

ActiveIndex need to be updated when scrolling .
this issue can be fixed by adding this.setState({activeIndex:this.props.activeIndex}) after this.refs.carousel.scrollToPage(this.props.activeIndex);