From 6f13f3dcba7ea48db254a36c3a648682cde2820f Mon Sep 17 00:00:00 2001
From: mcousillas6 <cousillas806@gmail.com>
Date: Sun, 13 Aug 2017 19:50:35 -0300
Subject: [PATCH] Added missing type cases for ItemSeparatorComponent on
 react-native FlatList

---
 types/react-native/index.d.ts     |  2 +-
 types/react-native/test/index.tsx | 13 ++++++++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/types/react-native/index.d.ts b/types/react-native/index.d.ts
index 629c8a8fd5..1229f55acb 100644
--- a/types/react-native/index.d.ts
+++ b/types/react-native/index.d.ts
@@ -3491,7 +3491,7 @@ export interface FlatListProperties<ItemT> extends VirtualizedListProperties<Ite
     /**
      * Rendered in between each item, but not at the top or bottom
      */
-    ItemSeparatorComponent?: React.ComponentClass<any> | null
+    ItemSeparatorComponent?: React.ComponentClass<any> | React.ReactElement<any> | (() => React.ReactElement<any>) | null
 
     /**
      * Rendered when the list is empty.
diff --git a/types/react-native/test/index.tsx b/types/react-native/test/index.tsx
index 29ff38508a..925d50f61c 100644
--- a/types/react-native/test/index.tsx
+++ b/types/react-native/test/index.tsx
@@ -208,11 +208,22 @@ InteractionManager.runAfterInteractions(() => {
 }).then(() => 'done')
 
 export class FlatListTest extends React.Component<FlatListProperties<number>, {}> {
+    _renderItem = (rowData: any) => {
+        return (
+            <View>
+                <Text> {rowData.item} </Text>
+            </View>
+        );
+      }
+
+    _renderSeparator= () => <View style={{height: 1, width: '100%', backgroundColor: 'gray'}} />
+
     render() {
         return (
             <FlatList
                 data={[1, 2, 3, 4, 5]}
-                renderItem={(info: { item: number }) => <View><Text>{info.item}</Text></View>}
+                renderItem={this._renderItem}
+                ItemSeparatorComponent={this._renderSeparator}
             />
         );
     }