NavigationTransitioner animation bug demostration

gitim · Nov 5, 2016 · 46dd8c9 · 46dd8c9
1 parent 1ceb2f7
commit 46dd8c9
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/Examples/UIExplorer/js/NavigationExperimental/NavigationTransitioner-AnimatedView-example.js b/Examples/UIExplorer/js/NavigationExperimental/NavigationTransitioner-AnimatedView-example.js
@@ -171,6 +171,7 @@ class ExampleNavigator extends Component {
   }
 }
 
+let num = 1;
 class ExampleScene extends Component {
   props: NavigationSceneRendererProps & {
     navigate: Function,
@@ -181,6 +182,17 @@ class ExampleScene extends Component {
     navigate: PropTypes.func.isRequired,
   };
 
+  componentDidMount() {
+    if (num !== 3) {
+      setTimeout(() => this.props.navigate('push'), 300);
+      num++;
+    }
+  }
+
+  componentWillUnmount() {
+    num = 1;
+  }
+
   render(): React.Element<any> {
     const {scene, navigate} = this.props;
     return (
@@ -222,7 +234,7 @@ class ExampleScene extends Component {
     const width = layout.initWidth;
     const translateX = position.interpolate({
       inputRange,
-      outputRange: ([width, 0, -10]: Array<number>),
+      outputRange: ([width, 0, -100]: Array<number>),
     });
 
     return {