Animated to render individual examples

Summary: Changelog: [Internal] - Allow animated examples to be rendered individually

Reviewed By: charlesbdudley

Differential Revision: D29668739

fbshipit-source-id: 537f21174e256bc5a5a8827f112c102970b27c5f

packages/rn-tester/js/examples/Animated/AnimatedIndex.js

@@ -25,6 +25,7 @@ export default ({
   description:
     'Library designed to make animations fluid, powerful, and painless to ' +
     'build and maintain.',
+  showIndividualExamples: true,
   examples: [
     FadeInViewExample,
     ComposeAnimationsWithEasingExample,

packages/rn-tester/js/examples/Animated/ComposeAnimationsWithEasingExample.js

@@ -27,6 +27,7 @@ const styles = StyleSheet.create({
 
 export default ({
   title: 'Composite Animations with Easing',
+  name: 'compositeAnimationsWithEasing',
   description: ('Sequence, parallel, delay, and ' +
     'stagger with different easing functions.': string),
   render: function(): React.Node {

packages/rn-tester/js/examples/Animated/ContinuousInteractionsExample.js

@@ -14,6 +14,7 @@ import {Text} from 'react-native';
 
 export default ({
   title: 'Continuous Interactions',
+  name: 'continuousInteractions',
   description: ('Gesture events, chaining, 2D ' +
     'values, interrupting and transitioning ' +
     'animations, etc.': string),

packages/rn-tester/js/examples/Animated/RotatingImagesExample.js

@@ -86,6 +86,7 @@ function RotatingImagesExample(): React.Node {
 
 export default ({
   title: 'Rotating Images',
+  name: 'rotatingImages',
   description: 'Simple Animated.Image rotation.',
   render: RotatingImagesExample,
 }: RNTesterModuleExample);

packages/rn-tester/js/examples/Animated/TransformBounceExample.js

@@ -27,6 +27,7 @@ const styles = StyleSheet.create({
 
 export default ({
   title: 'Transform Bounce',
+  name: 'transformBounce',
   description: ('One `Animated.Value` is driven by a ' +
     'spring with custom constants and mapped to an ' +
     'ordered set of transforms.  Each transform has ' +

packages/rn-tester/js/utils/RNTesterList.android.js

@@ -153,9 +153,9 @@ const APIs: Array<RNTesterModuleInfo> = [
     module: require('../examples/Alert/AlertExample'),
   },
   {
-    key: 'AnimatedExample',
+    key: 'AnimatedIndex',
     category: 'UI',
-    module: require('../examples/Animated/AnimatedExample').default,
+    module: require('../examples/Animated/AnimatedIndex').default,
   },
   {
     key: 'Animation - GratuitousAnimation',

packages/rn-tester/js/utils/RNTesterList.ios.js

@@ -123,7 +123,7 @@ const Components: Array<RNTesterModuleInfo> = [
     module: require('../examples/ScrollView/ScrollViewIndicatorInsetsExample'),
   },
   {
-    key: 'SectionListExample',
+    key: 'SectionListIndex',
     module: require('../examples/SectionList/SectionListIndex'),
     category: 'ListView',
     supportsTVOS: true,
@@ -200,8 +200,8 @@ const APIs: Array<RNTesterModuleInfo> = [
     supportsTVOS: true,
   },
   {
-    key: 'AnimatedExample',
-    module: require('../examples/Animated/AnimatedExample').default,
+    key: 'AnimatedIndex',
+    module: require('../examples/Animated/AnimatedIndex').default,
     supportsTVOS: true,
   },
   {