Improve typing of Animated component wrappers

Summary:
Provides flow-types for callers of AnimatedScrollView etc

Changelog: [Internal] [Fixed] Fixed flow types of Animated components

Reviewed By: cpojer

Differential Revision: D20158990

fbshipit-source-id: 3d06a89086629eb9f9d2cc0f3e7a819a80456fb0

Libraries/Animated/src/components/AnimatedFlatList.js

@@ -13,9 +13,10 @@
 import * as React from 'react';
 
 const FlatList = require('../../../Lists/FlatList');
-
 const createAnimatedComponent = require('../createAnimatedComponent');
 
+import type {AnimatedComponentType} from '../createAnimatedComponent';
+
 /**
  * @see https://github.com/facebook/react-native/commit/b8c8562
  */
@@ -25,4 +26,7 @@ const FlatListWithEventThrottle = React.forwardRef((props, ref) => (
 
 module.exports = (createAnimatedComponent(
   FlatListWithEventThrottle,
-): $FlowFixMe);
+): AnimatedComponentType<
+  React.ElementConfig<typeof FlatList>,
+  React.ElementRef<typeof FlatList>,
+>);

Libraries/Animated/src/components/AnimatedImage.js

@@ -10,8 +10,16 @@
 
 'use strict';
 
-const Image = require('../../../Image/Image');
+import * as React from 'react';
 
+const Image = require('../../../Image/Image');
 const createAnimatedComponent = require('../createAnimatedComponent');
 
-module.exports = (createAnimatedComponent(Image): $FlowFixMe);
+import type {AnimatedComponentType} from '../createAnimatedComponent';
+
+module.exports = (createAnimatedComponent(
+  (Image: $FlowFixMe),
+): AnimatedComponentType<
+  React.ElementConfig<typeof Image>,
+  React.ElementRef<typeof Image>,
+>);

Libraries/Animated/src/components/AnimatedScrollView.js

@@ -13,9 +13,10 @@
 import * as React from 'react';
 
 const ScrollView = require('../../../Components/ScrollView/ScrollView');
-
 const createAnimatedComponent = require('../createAnimatedComponent');
 
+import type {AnimatedComponentType} from '../createAnimatedComponent';
+
 /**
  * @see https://github.com/facebook/react-native/commit/b8c8562
  */
@@ -25,4 +26,7 @@ const ScrollViewWithEventThrottle = React.forwardRef((props, ref) => (
 
 module.exports = (createAnimatedComponent(
   ScrollViewWithEventThrottle,
-): $FlowFixMe);
+): AnimatedComponentType<
+  React.ElementConfig<typeof ScrollView>,
+  React.ElementRef<typeof ScrollView>,
+>);

Libraries/Animated/src/components/AnimatedSectionList.js

@@ -13,9 +13,10 @@
 import * as React from 'react';
 
 const SectionList = require('../../../Lists/SectionList');
-
 const createAnimatedComponent = require('../createAnimatedComponent');
 
+import type {AnimatedComponentType} from '../createAnimatedComponent';
+
 /**
  * @see https://github.com/facebook/react-native/commit/b8c8562
  */
@@ -25,4 +26,7 @@ const SectionListWithEventThrottle = React.forwardRef((props, ref) => (
 
 module.exports = (createAnimatedComponent(
   SectionListWithEventThrottle,
-): $FlowFixMe);
+): AnimatedComponentType<
+  React.ElementConfig<typeof SectionList>,
+  React.ElementRef<typeof SectionList>,
+>);

Libraries/Animated/src/components/AnimatedText.js

@@ -10,8 +10,16 @@
 
 'use strict';
 
-const Text = require('../../../Text/Text');
+import * as React from 'react';
 
+const Text = require('../../../Text/Text');
 const createAnimatedComponent = require('../createAnimatedComponent');
 
-module.exports = (createAnimatedComponent(Text): $FlowFixMe);
+import type {AnimatedComponentType} from '../createAnimatedComponent';
+
+module.exports = (createAnimatedComponent(
+  (Text: $FlowFixMe),
+): AnimatedComponentType<
+  React.ElementConfig<typeof Text>,
+  React.ElementRef<typeof Text>,
+>);

Libraries/Animated/src/components/AnimatedView.js

@@ -10,12 +10,11 @@
 
 'use strict';
 
+import * as React from 'react';
+
 const View = require('../../../Components/View/View');
-
 const createAnimatedComponent = require('../createAnimatedComponent');
 
-const React = require('react');
-
 import type {AnimatedComponentType} from '../createAnimatedComponent';
 
 module.exports = (createAnimatedComponent(View): AnimatedComponentType<