content offset for android

Author: skv-headless

examples/FacebookTabsExample/ScrollableTabsExample.js

@@ -10,7 +10,7 @@ export default React.createClass({
   render() {
     return <ScrollableTabView
       style={{marginTop: 20, }}
-      initialPage={0}
+      initialPage={2}
       renderTabBar={() => <ScrollableTabBar />}
     >
       <Text tabLabel='Tab #1'>My</Text>

index.js

@@ -11,6 +11,7 @@ const {
   ScrollView,
   StyleSheet,
   InteractionManager,
+  Platform,
 } = ReactNative;
 const TimerMixin = require('react-timer-mixin');
 
@@ -63,6 +64,15 @@ const ScrollableTabView = React.createClass({
     };
   },
 
+  componentDidMount() {
+    InteractionManager.runAfterInteractions(() => {
+      if (this.scrollView && Platform.OS === 'android') {
+        const x = this.props.initialPage * this.state.containerWidth;
+        this.scrollView.scrollTo({ x, animated: false });
+      }
+    });
+  },
+
   componentWillReceiveProps(props) {
     if (props.children !== this.props.children) {
       this.updateSceneKeys({ page: this.state.currentPage, children: props.children, });