feat: push progress further

Author: kirillzyusko

FabricExample/src/screens/Examples/KeyboardChatScrollView/data.ts

@@ -15,6 +15,14 @@ export const messages = [
     text: "It's pretty cool. We were able to built gallery with share element transitions without any flickering or any other issues",
     sender: true,
   },
+  {
+    text: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n1111222223333\n\n\n\n\n\n\n\n\n\n",
+    sender: false,
+  },
+  { text: "1", sender: false },
+  { text: "2", sender: false },
+  { text: "3", sender: false },
+  { text: "\n\n\n\n\n\n\n\n1118889993330002\n\n\n\n\n", sender: false },
   { text: "So far it looks cool!", sender: true },
   { text: "And seems to be pretty stable", sender: true },
   {

FabricExample/src/screens/Examples/KeyboardChatScrollView/index.tsx

@@ -34,6 +34,7 @@ import styles, {
   MARGIN,
   TEXT_INPUT_HEIGHT,
   contentContainerStyle,
+  invertedContentContainerStyle,
 } from "./styles";
 import VirtualizedListScrollView, {
   type VirtualizedListScrollViewRef,
@@ -117,8 +118,10 @@ function KeyboardChatScrollViewPlayground() {
         )}
         {mode === "flash" && (
           <FlashList
-            contentContainerStyle={contentContainerStyle}
-            data={messages}
+            contentContainerStyle={
+              inverted ? invertedContentContainerStyle : contentContainerStyle
+            }
+            data={inverted ? reversedMessages : messages}
             inverted={inverted}
             keyExtractor={(item) => item.text}
             maintainVisibleContentPosition={{

example/src/screens/Examples/KeyboardChatScrollView/data.ts

@@ -15,6 +15,14 @@ export const messages = [
     text: "It's pretty cool. We were able to built gallery with share element transitions without any flickering or any other issues",
     sender: true,
   },
+  {
+    text: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n1111222223333\n\n\n\n\n\n\n\n\n\n",
+    sender: false,
+  },
+  { text: "1", sender: false },
+  { text: "2", sender: false },
+  { text: "3", sender: false },
+  { text: "\n\n\n\n\n\n\n\n1118889993330002\n\n\n\n\n", sender: false },
   { text: "So far it looks cool!", sender: true },
   { text: "And seems to be pretty stable", sender: true },
   {