chore: temp commit

Author: kirillzyusko

FabricExample/package.json

@@ -22,7 +22,7 @@
     "@react-navigation/native": "7.1.17",
     "@react-navigation/native-stack": "7.3.26",
     "@react-navigation/stack": "7.3.6",
-    "@shopify/flash-list": "^2.2.0",
+    "@shopify/flash-list": "^2.3.1",
     "lottie-react-native": "^7.3.4",
     "react": "19.1.0",
     "react-dom": "19.1.0",

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

@@ -69,8 +69,9 @@ const VirtualizedListScrollView = forwardRef<
     const { inverted, freeze, mode, keyboardLiftBehavior } =
       useChatConfigStore();
 
-    // on new arch only FlatList supports `inverted` prop
-    const isInvertedSupported = inverted && mode === "flat" ? inverted : false;
+    // only FlatList and FlashList supports `inverted` prop
+    const isInvertedSupported =
+      inverted && (mode === "flat" || mode === "flash") ? inverted : false;
     const onLayout = useCallback(
       (e: LayoutChangeEvent) => {
         setLayoutPass((l) => l + 1);

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

@@ -119,6 +119,7 @@ function KeyboardChatScrollViewPlayground() {
           <FlashList
             contentContainerStyle={contentContainerStyle}
             data={messages}
+            inverted={inverted}
             keyExtractor={(item) => item.text}
             maintainVisibleContentPosition={{
               startRenderingFromBottom: inverted,

FabricExample/yarn.lock

@@ -1909,10 +1909,10 @@
     "@react-navigation/elements" "^2.4.6"
     color "^4.2.3"
 
-"@shopify/flash-list@^2.2.0":
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/@shopify/flash-list/-/flash-list-2.2.0.tgz#bafd714576182681cba25fb13195dee19f5ca521"
-  integrity sha512-mL61IofcfBNRZ/qazIf+pghGULkcZUQ7EZNldH1JBbIjtDb25ADSiQrt62ZTnRz0H5+bPFEZUmN9+WChHzX8pw==
+"@shopify/flash-list@^2.3.1":
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/@shopify/flash-list/-/flash-list-2.3.1.tgz#d4f90b1471a741a97c07d9aadbfaf200e92c86f7"
+  integrity sha512-7oktg2NQR7KAODjFoDaWe8/OBzyYbdTE3zQTrUBMxjIbxHTHN7UXRX1hX3DHk8KvtkgQdRfZOV8Gjj2l4fGrXw==
 
 "@sideway/address@^4.1.5":
   version "4.1.5"

android/src/main/java/com/reactnativekeyboardcontroller/views/ClippingScrollViewDecoratorView.kt

@@ -48,7 +48,7 @@ class ClippingScrollViewDecoratorView(
     // virtualizer calculations correct (it reads layout positions,
     // not translationY).
     val contentView = scrollView.getChildAt(0) as? ViewGroup ?: return
-    (contentView.getChildAt(0) as? ViewGroup)?.translationY = newTopInsetPx.toFloat()
+    contentView.translationY = newTopInsetPx.toFloat()
 
     scrollView.setPadding(
       scrollView.paddingLeft,

example/src/screens/Examples/KeyboardChatScrollView/VirtualizedListScrollView.tsx

@@ -69,7 +69,7 @@ const VirtualizedListScrollView = forwardRef<
     const { inverted, freeze, mode, keyboardLiftBehavior } =
       useChatConfigStore();
 
-    // on old arch only FlatList and FlashList supports `inverted` prop
+    // only FlatList and FlashList supports `inverted` prop
     const isInvertedSupported =
       inverted && (mode === "flat" || mode === "flash") ? inverted : false;
     const onLayout = useCallback(

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

@@ -104,12 +104,7 @@ function KeyboardChatScrollViewPlayground() {
 
   return (
     <SafeAreaView edges={["bottom"]} style={styles.container}>
-      <KeyboardGestureArea
-        interpolator="ios"
-        offset={inputHeight}
-        style={styles.container}
-        textInputNativeID="chat-input"
-      >
+      <>
         {mode === "legend" && (
           <LegendList
             alignItemsAtEnd={inverted}
@@ -180,7 +175,7 @@ function KeyboardChatScrollViewPlayground() {
             <Image source={require("./send.png")} style={styles.icon} />
           </TouchableOpacity>
         </KeyboardStickyView>
-      </KeyboardGestureArea>
+      </>
       <ConfigSheet />
     </SafeAreaView>
   );

src/components/ScrollViewWithBottomPadding/index.tsx

@@ -125,17 +125,7 @@ const ScrollViewWithBottomPadding = forwardRef<
         style={styles.container}
       >
         <ScrollViewComponent ref={ref} animatedProps={animatedProps} {...rest}>
-          {inverted && OS === "android" ? (
-            // The only thing it can break is `StickyHeader`, but it's already broken in FlatList and other lists
-            // don't support this functionality, so we can add additional view here
-            // The correct fix would be to add a new prop in ScrollView that allows
-            // to customize children extraction logic and skip custom view
-            <View collapsable={false} nativeID="container">
-              {children}
-            </View>
-          ) : (
-            children
-          )}
+          {children}
         </ScrollViewComponent>
       </ReanimatedClippingScrollView>
     );