Backed out D3033933

Reviewed By: hedgerwang

Differential Revision: D3273603

fb-gh-sync-id: e013fd3efd793960d076d2a01447b2a11f483ede
fbshipit-source-id: e013fd3efd793960d076d2a01447b2a11f483ede

Examples/UIExplorer/NavigationExperimental/NavigationAnimatedExample.js

@@ -122,6 +122,7 @@ class NavigationAnimatedExample extends React.Component {
     return (
       <NavigationCard
         {...props}
+        key={'card_' + props.scene.navigationState.key}
         renderScene={this._renderScene}
       />
     );

Libraries/NavigationExperimental/NavigationAnimatedView.js

@@ -188,7 +188,6 @@ class NavigationAnimatedView
       onNavigate,
       position,
       scene,
-      key: 'scene_' + scene.navigationState.key,
       scenes,
     });
   }
@@ -208,7 +207,6 @@ class NavigationAnimatedView
 
       return renderOverlay({
         layout: this.state.layout,
-        key: navigationState.key,
         navigationState,
         onNavigate,
         position,

Libraries/NavigationExperimental/NavigationPropTypes.js

@@ -66,7 +66,6 @@ const scene = PropTypes.shape({
 
 /* NavigationSceneRendererProps */
 const SceneRenderer = {
-  key: PropTypes.string.isRequired,
   layout: layout.isRequired,
   navigationState: navigationParentState.isRequired,
   onNavigate: PropTypes.func.isRequired,
@@ -98,7 +97,6 @@ function extractSceneRendererProps(
   props: NavigationSceneRendererProps,
 ): NavigationSceneRendererProps {
   return {
-    key: props.scene.navigationState.key,
     layout: props.layout,
     navigationState: props.navigationState,
     onNavigate: props.onNavigate,

Libraries/NavigationExperimental/NavigationTypeDefinition.js

@@ -66,9 +66,6 @@ export type NavigationSceneRendererProps = {
   // The scene to render.
   scene: NavigationScene,
 
-  // The key of the scene
-  key: string,
-
   // All the scenes of the containing view's.
   scenes: Array<NavigationScene>,
 };

Libraries/NavigationExperimental/NavigationView.js

@@ -121,15 +121,12 @@ class NavigationView extends React.Component<any, Props, any> {
       scenes,
     } = this.state;
 
-    const scene = scenes[navigationState.index];
-
     const sceneProps = {
-      key: 'scene_' + scene.navigationState.key,
       layout,
       navigationState: navigationState,
       onNavigate: onNavigate,
       position: this._position,
-      scene,
+      scene: scenes[navigationState.index],
       scenes,
     };