Merge branch 'feat/flashlist-implementation' of github.com:GetStream/stream-chat-react-native into feat/flashlist-implementation

Author: khushal87

package/src/components/MessageList/MessageFlashList.tsx

@@ -183,6 +183,43 @@ type MessageListFlashListPropsWithContext = Pick<
 
 const WAIT_FOR_SCROLL_TIMEOUT = 200;
 
+const getItemTypeInternal = (message: LocalMessage) => {
+  if (message.type === 'regular') {
+    if ((message.attachments?.length ?? 0) > 0) {
+      return 'message-with-attachments';
+    }
+
+    if (message.poll_id) {
+      return 'message-with-poll';
+    }
+
+    if (message.quoted_message_id) {
+      return 'message-with-quote';
+    }
+
+    if (message.shared_location) {
+      return 'message-with-shared-location';
+    }
+
+    if (message.text) {
+      const text = message.text;
+      if (text.length <= 20) {
+        return 'short-message-with-text';
+      }
+
+      if (text.length <= 100) {
+        return 'medium-message-with-text';
+      }
+
+      return 'message-with-text';
+    }
+
+    return 'message-with-nothing';
+  }
+
+  return 'unresolvable-type';
+};
+
 const MessageListFlashListWithContext = (props: MessageListFlashListPropsWithContext) => {
   const LoadingMoreRecentIndicator = props.threadList
     ? InlineLoadingMoreRecentThreadIndicator
@@ -1024,6 +1061,11 @@ const MessageListFlashListWithContext = (props: MessageListFlashListPropsWithCon
     [contentContainer],
   );
 
+  const getItemType = useStableCallback((item: LocalMessage) => {
+    const type = getItemTypeInternal(item);
+    return client.userID === item.user?.id ? `own-${type}` : type;
+  });
+
   if (loading) {
     return (
       <View style={[styles.container, { backgroundColor: white_snow }, container]}>
@@ -1045,6 +1087,8 @@ const MessageListFlashListWithContext = (props: MessageListFlashListPropsWithCon
         <FlashList
           contentContainerStyle={flatListContentContainerStyle}
           data={processedMessageList}
+          drawDistance={1500}
+          getItemType={getItemType}
           keyboardShouldPersistTaps='handled'
           keyExtractor={keyExtractor}
           ListFooterComponent={FooterComponent}