From 1f1fe05a9571639e4b9c47b694f14c0d36e0e9ee Mon Sep 17 00:00:00 2001
From: hanayashiki <cwang592@usc.edu>
Date: Sun, 18 Jul 2021 11:06:41 +0800
Subject: [PATCH] fix: add missing ref typing on BidirectionalFlatList and add
 that to example

---
 example/src/MessageListExample.tsx | 13 +++++++++++--
 src/BidirectionalFlatList.tsx      |  4 ++++
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/example/src/MessageListExample.tsx b/example/src/MessageListExample.tsx
index 4fb5cfc..099bfee 100644
--- a/example/src/MessageListExample.tsx
+++ b/example/src/MessageListExample.tsx
@@ -1,5 +1,11 @@
-import React, { useEffect, useState } from 'react';
-import { SafeAreaView, StyleSheet, Text, View } from 'react-native';
+import React, { useEffect, useRef, useState } from 'react';
+import {
+  SafeAreaView,
+  StyleSheet,
+  Text,
+  View,
+  FlatList as FlatListType,
+} from 'react-native';
 
 import { FlatList } from 'react-native-bidirectional-infinite-scroll';
 import { MessageBubble } from './MessageBubble';
@@ -7,6 +13,8 @@ import { Message, queryMoreMessages } from './utils';
 
 const App = () => {
   const [messages, setMessages] = useState<Array<Message>>([]);
+  const listRef = useRef<FlatListType>(null);
+
   useEffect(() => {
     const initChat = async () => {
       const initialMessages = await queryMoreMessages(50);
@@ -42,6 +50,7 @@ const App = () => {
         <Text style={styles.headerTitle}>Chat between two users</Text>
       </View>
       <FlatList
+        ref={listRef}
         data={messages}
         inverted
         onEndReached={loadMoreOlderMessages}
diff --git a/src/BidirectionalFlatList.tsx b/src/BidirectionalFlatList.tsx
index f205869..ab14df3 100644
--- a/src/BidirectionalFlatList.tsx
+++ b/src/BidirectionalFlatList.tsx
@@ -58,6 +58,10 @@ export type Props<T> = Omit<
   ListHeaderComponent?: React.ComponentType;
   /** Custom UI component for footer indicator of FlatList. Only used when `showDefaultLoadingIndicators` is false */
   ListFooterComponent?: React.ComponentType;
+  ref?:
+    | ((instance: FlatListType<T> | null) => void)
+    | MutableRefObject<FlatListType<T> | null>
+    | null;
 };
 /**
  * Note: