diff --git a/Examples/UIExplorer/ViewPagerAndroidExample.android.js b/Examples/UIExplorer/ViewPagerAndroidExample.android.js
index e4f33458e..0e672ee8c 100644
--- a/Examples/UIExplorer/ViewPagerAndroidExample.android.js
+++ b/Examples/UIExplorer/ViewPagerAndroidExample.android.js
@@ -25,6 +25,8 @@ var {
ViewPagerAndroid,
} = React;
+import type { ViewPagerScrollState } from 'ViewPagerAndroid';
+
var PAGES = 5;
var BGCOLOR = ['#fdc08e', '#fff6b9', '#99d1b7', '#dde5fe', '#f79273'];
var IMAGE_URIS = [
@@ -114,6 +116,10 @@ var ViewPagerAndroidExample = React.createClass({
this.setState({progress: e.nativeEvent});
},
+ onPageScrollStateChanged: function(state : ViewPagerScrollState) {
+ this.setState({scrollState: state});
+ },
+
move: function(delta) {
var page = this.state.page + delta;
this.go(page);
@@ -155,6 +161,7 @@ var ViewPagerAndroidExample = React.createClass({
initialPage={0}
onPageScroll={this.onPageScroll}
onPageSelected={this.onPageSelected}
+ onPageScrollStateChanged={this.onPageScrollStateChanged}
ref={viewPager => { this.viewPager = viewPager; }}>
{pages}
@@ -170,6 +177,7 @@ var ViewPagerAndroidExample = React.createClass({
enabled={true}
onPress={() => this.setState({animationsAreEnabled: true})}
/> }
+ ScrollState[ {this.state.scrollState} ]