diff --git a/packages/pluggableWidgets/gallery-native/CHANGELOG.md b/packages/pluggableWidgets/gallery-native/CHANGELOG.md
index 7a052fcf5..d7b45c55e 100644
--- a/packages/pluggableWidgets/gallery-native/CHANGELOG.md
+++ b/packages/pluggableWidgets/gallery-native/CHANGELOG.md
@@ -6,6 +6,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+-   We've fixed an issue where Gallery widget does not display data.
+
 ## [2.2.1] - 2026-6-10
 
 ### Changed
diff --git a/packages/pluggableWidgets/gallery-native/package.json b/packages/pluggableWidgets/gallery-native/package.json
index 191460789..6ab6f707d 100644
--- a/packages/pluggableWidgets/gallery-native/package.json
+++ b/packages/pluggableWidgets/gallery-native/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gallery-native",
   "widgetName": "Gallery",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "description": "A flexible gallery widget that renders columns, rows and layouts.",
   "copyright": "© Mendix Technology BV 2022. All rights reserved.",
   "license": "Apache-2.0",
diff --git a/packages/pluggableWidgets/gallery-native/src/components/Gallery.tsx b/packages/pluggableWidgets/gallery-native/src/components/Gallery.tsx
index 99660d44f..2caa0486e 100644
--- a/packages/pluggableWidgets/gallery-native/src/components/Gallery.tsx
+++ b/packages/pluggableWidgets/gallery-native/src/components/Gallery.tsx
@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode, useCallback, useMemo } from "react";
+import { ReactElement, ReactNode, useCallback, useMemo, useState } from "react";
 import { Text, Pressable, View, ViewProps, Platform, TouchableOpacity, useWindowDimensions } from "react-native";
 import { ObjectItem, DynamicValue } from "mendix";
 import DeviceInfo from "react-native-device-info";
@@ -34,7 +34,10 @@ export const Gallery = <T extends ObjectItem>(props: GalleryProps<T>): ReactElem
     const firstItemId = props.items?.[0]?.id;
     const lastItemId = props.items?.[props.items.length - 1]?.id;
     const { name, style, itemRenderer } = props;
-    const { width } = useWindowDimensions();
+    const { width, height: windowHeight } = useWindowDimensions();
+    // FlashList is virtualized and only renders items that fit within its own height, so it needs a
+    // non-zero height. The list area is sized from FlashList's reported content height instead of flex.
+    const [contentHeight, setContentHeight] = useState(0);
 
     const onEndReached = (): void => {
         if (props.pagination === "virtualScrolling" && props.hasMoreItems) {
@@ -136,29 +139,55 @@ export const Gallery = <T extends ObjectItem>(props: GalleryProps<T>): ReactElem
         [props.style.emptyPlaceholder, props.emptyPlaceholder]
     );
 
+    const onContentSizeChange = useCallback((_width: number, height: number): void => {
+        if (height > 0) {
+            setContentHeight(height);
+        }
+    }, []);
+
+    const hasItems = props.items && props.items.length > 0;
+
+    // Shrink to the available space when the content is larger, so widgets below the gallery stay visible.
+    const containerStyle =
+        isScrollDirectionVertical && hasItems ? [{ flexShrink: 1 }, props.style.container] : props.style.container;
+
+    // The list area is sized by its content, capped at the window height; beyond that FlashList scrolls
+    // internally. Starting at 1 lets FlashList render its first items and report their content size.
+    const listAreaStyle = isScrollDirectionVertical
+        ? { height: Math.min(Math.max(contentHeight, 1), windowHeight), flexShrink: 1 }
+        : undefined;
+
+    const listStyle = isScrollDirectionVertical ? [{ flex: 1 }, props.style.list] : props.style.list;
+
     return (
-        <View testID={`${name}`} style={props.style.container}>
+        <View testID={`${name}`} style={containerStyle}>
             {props.filters ? <View>{props.filters}</View> : null}
-            <FlashList
-                {...(isScrollDirectionVertical && props.pullDown ? { onRefresh: props.pullDown } : {})}
-                {...(isScrollDirectionVertical ? { numColumns } : {})}
-                ListFooterComponent={loadMoreButton}
-                ListFooterComponentStyle={{
-                    ...props.style.loadMoreButtonContainer,
-                    ...(isScrollDirectionVertical ? { marginTop: 8 } : { marginStart: 8 })
-                }}
-                refreshing={props.pullDownIsExecuting}
-                data={props.items}
-                horizontal={!isScrollDirectionVertical}
-                keyExtractor={item => item.id}
-                ListEmptyComponent={renderEmptyPlaceholder}
-                onEndReached={onEndReached}
-                onEndReachedThreshold={0.6}
-                scrollEventThrottle={50}
-                renderItem={renderItem}
-                style={props.style.list}
-                testID={`${name}-list`}
-            />
+            {!hasItems && renderEmptyPlaceholder}
+            {hasItems ? (
+                <View style={listAreaStyle}>
+                    <FlashList
+                        {...(isScrollDirectionVertical && props.pullDown ? { onRefresh: props.pullDown } : {})}
+                        {...(isScrollDirectionVertical ? { numColumns } : {})}
+                        ListFooterComponent={loadMoreButton}
+                        ListFooterComponentStyle={{
+                            ...props.style.loadMoreButtonContainer,
+                            ...(isScrollDirectionVertical ? { marginTop: 8 } : { marginStart: 8 })
+                        }}
+                        refreshing={props.pullDownIsExecuting}
+                        data={props.items}
+                        horizontal={!isScrollDirectionVertical}
+                        keyExtractor={item => item.id}
+                        onEndReached={onEndReached}
+                        onEndReachedThreshold={0.6}
+                        scrollEventThrottle={50}
+                        renderItem={renderItem}
+                        style={listStyle}
+                        nestedScrollEnabled
+                        testID={`${name}-list`}
+                        onContentSizeChange={isScrollDirectionVertical ? onContentSizeChange : undefined}
+                    />
+                </View>
+            ) : null}
         </View>
     );
 };
diff --git a/packages/pluggableWidgets/gallery-native/src/components/__tests__/Gallery.spec.tsx b/packages/pluggableWidgets/gallery-native/src/components/__tests__/Gallery.spec.tsx
index ebf9e2346..36eeb3574 100644
--- a/packages/pluggableWidgets/gallery-native/src/components/__tests__/Gallery.spec.tsx
+++ b/packages/pluggableWidgets/gallery-native/src/components/__tests__/Gallery.spec.tsx
@@ -140,8 +140,8 @@ describe("Gallery", () => {
 
         it("it shouldn't triggers the load more items event when item list empty", () => {
             const gallery = render(<Gallery {...defaultProps} items={[]} hasMoreItems={false} />);
-            const galleryList = gallery.getByTestId("gallery-test-list");
-            fireEvent(galleryList, "onEndReached");
+            const galleryList = gallery.queryByTestId("gallery-test-list");
+            expect(galleryList).toBeNull();
             expect(defaultProps.loadMoreItems).not.toHaveBeenCalled();
         });
 
diff --git a/packages/pluggableWidgets/gallery-native/src/components/__tests__/__snapshots__/Gallery.spec.tsx.snap b/packages/pluggableWidgets/gallery-native/src/components/__tests__/__snapshots__/Gallery.spec.tsx.snap
index 70a4343a0..7fc711bf8 100644
--- a/packages/pluggableWidgets/gallery-native/src/components/__tests__/__snapshots__/Gallery.spec.tsx.snap
+++ b/packages/pluggableWidgets/gallery-native/src/components/__tests__/__snapshots__/Gallery.spec.tsx.snap
@@ -2,173 +2,199 @@
 
 exports[`Gallery rendering rendering with load more button it shouldn't render the paging button if hasn't more item 1`] = `
 <View
-  style={{}}
+  style={
+    [
+      {
+        "flexShrink": 1,
+      },
+      {},
+    ]
+  }
   testID="gallery-test"
 >
   <View
-    ListFooterComponentStyle={
+    style={
       {
-        "marginTop": 8,
+        "flexShrink": 1,
+        "height": 1,
       }
     }
-    horizontal={false}
-    keyExtractor={[Function]}
-    numColumns={2}
-    onEndReached={[Function]}
-    onEndReachedThreshold={0.6}
-    scrollEventThrottle={50}
-    testID="gallery-test-list"
   >
-    <View>
-      <View
-        testID="gallery-test-list-item-11"
-      >
+    <View
+      ListFooterComponentStyle={
+        {
+          "marginTop": 8,
+        }
+      }
+      horizontal={false}
+      keyExtractor={[Function]}
+      nestedScrollEnabled={true}
+      numColumns={2}
+      onContentSizeChange={[Function]}
+      onEndReached={[Function]}
+      onEndReachedThreshold={0.6}
+      scrollEventThrottle={50}
+      style={
+        [
+          {
+            "flex": 1,
+          },
+          undefined,
+        ]
+      }
+      testID="gallery-test-list"
+    >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              undefined,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-11"
         >
-          11
+          <View
+            style={
+              [
+                undefined,
+                undefined,
+                false,
+              ]
+            }
+          >
+            11
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-22"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-22"
         >
-          22
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            22
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-33"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-33"
         >
-          33
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            33
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-44"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-44"
         >
-          44
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            44
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-55"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-55"
         >
-          55
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            55
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-66"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-66"
         >
-          66
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            66
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-77"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-77"
         >
-          77
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            77
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-88"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-88"
         >
-          88
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            88
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-99"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              undefined,
-            ]
-          }
+          testID="gallery-test-list-item-99"
         >
-          99
+          <View
+            style={
+              [
+                undefined,
+                false,
+                undefined,
+              ]
+            }
+          >
+            99
+          </View>
         </View>
       </View>
     </View>
@@ -178,220 +204,246 @@ exports[`Gallery rendering rendering with load more button it shouldn't render t
 
 exports[`Gallery rendering rendering with load more button renders correctly 1`] = `
 <View
-  style={{}}
+  style={
+    [
+      {
+        "flexShrink": 1,
+      },
+      {},
+    ]
+  }
   testID="gallery-test"
 >
   <View
-    ListFooterComponentStyle={
+    style={
       {
-        "marginTop": 8,
+        "flexShrink": 1,
+        "height": 1,
       }
     }
-    horizontal={false}
-    keyExtractor={[Function]}
-    numColumns={2}
-    onEndReached={[Function]}
-    onEndReachedThreshold={0.6}
-    scrollEventThrottle={50}
-    testID="gallery-test-list"
   >
-    <View>
-      <View
-        testID="gallery-test-list-item-11"
-      >
+    <View
+      ListFooterComponentStyle={
+        {
+          "marginTop": 8,
+        }
+      }
+      horizontal={false}
+      keyExtractor={[Function]}
+      nestedScrollEnabled={true}
+      numColumns={2}
+      onContentSizeChange={[Function]}
+      onEndReached={[Function]}
+      onEndReachedThreshold={0.6}
+      scrollEventThrottle={50}
+      style={
+        [
+          {
+            "flex": 1,
+          },
+          undefined,
+        ]
+      }
+      testID="gallery-test-list"
+    >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              undefined,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-11"
         >
-          11
+          <View
+            style={
+              [
+                undefined,
+                undefined,
+                false,
+              ]
+            }
+          >
+            11
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-22"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-22"
         >
-          22
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            22
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-33"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-33"
         >
-          33
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            33
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-44"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-44"
         >
-          44
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            44
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-55"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-55"
         >
-          55
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            55
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-66"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-66"
         >
-          66
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            66
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-77"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-77"
         >
-          77
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            77
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-88"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-88"
         >
-          88
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            88
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-99"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              undefined,
-            ]
-          }
+          testID="gallery-test-list-item-99"
         >
-          99
+          <View
+            style={
+              [
+                undefined,
+                false,
+                undefined,
+              ]
+            }
+          >
+            99
+          </View>
         </View>
       </View>
-    </View>
-    <View
-      accessibilityState={
-        {
-          "busy": undefined,
-          "checked": undefined,
-          "disabled": undefined,
-          "expanded": undefined,
-          "selected": undefined,
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
         }
-      }
-      accessibilityValue={
-        {
-          "max": undefined,
-          "min": undefined,
-          "now": undefined,
-          "text": undefined,
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
         }
-      }
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      nativeBackgroundAndroid={
-        {
-          "borderless": false,
-          "color": 855638016,
-          "rippleRadius": undefined,
-          "type": "RippleAndroid",
+        accessible={true}
+        collapsable={false}
+        focusable={true}
+        nativeBackgroundAndroid={
+          {
+            "borderless": false,
+            "color": 855638016,
+            "rippleRadius": undefined,
+            "type": "RippleAndroid",
+          }
         }
-      }
-      onBlur={[Function]}
-      onClick={[Function]}
-      onFocus={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={{}}
-      testID="gallery-test-pagination-button"
-    >
-      <Text>
-        Load more
-      </Text>
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
+        style={{}}
+        testID="gallery-test-pagination-button"
+      >
+        <Text>
+          Load more
+        </Text>
+      </View>
     </View>
   </View>
 </View>
@@ -399,220 +451,246 @@ exports[`Gallery rendering rendering with load more button renders correctly 1`]
 
 exports[`Gallery rendering rendering with load more button renders correctly with custom paging button title 1`] = `
 <View
-  style={{}}
+  style={
+    [
+      {
+        "flexShrink": 1,
+      },
+      {},
+    ]
+  }
   testID="gallery-test"
 >
   <View
-    ListFooterComponentStyle={
+    style={
       {
-        "marginTop": 8,
+        "flexShrink": 1,
+        "height": 1,
       }
     }
-    horizontal={false}
-    keyExtractor={[Function]}
-    numColumns={2}
-    onEndReached={[Function]}
-    onEndReachedThreshold={0.6}
-    scrollEventThrottle={50}
-    testID="gallery-test-list"
   >
-    <View>
-      <View
-        testID="gallery-test-list-item-11"
-      >
+    <View
+      ListFooterComponentStyle={
+        {
+          "marginTop": 8,
+        }
+      }
+      horizontal={false}
+      keyExtractor={[Function]}
+      nestedScrollEnabled={true}
+      numColumns={2}
+      onContentSizeChange={[Function]}
+      onEndReached={[Function]}
+      onEndReachedThreshold={0.6}
+      scrollEventThrottle={50}
+      style={
+        [
+          {
+            "flex": 1,
+          },
+          undefined,
+        ]
+      }
+      testID="gallery-test-list"
+    >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              undefined,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-11"
         >
-          11
+          <View
+            style={
+              [
+                undefined,
+                undefined,
+                false,
+              ]
+            }
+          >
+            11
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-22"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-22"
         >
-          22
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            22
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-33"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-33"
         >
-          33
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            33
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-44"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-44"
         >
-          44
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            44
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-55"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-55"
         >
-          55
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            55
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-66"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-66"
         >
-          66
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            66
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-77"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-77"
         >
-          77
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            77
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-88"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-88"
         >
-          88
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            88
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-99"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              undefined,
-            ]
-          }
+          testID="gallery-test-list-item-99"
         >
-          99
+          <View
+            style={
+              [
+                undefined,
+                false,
+                undefined,
+              ]
+            }
+          >
+            99
+          </View>
         </View>
       </View>
-    </View>
-    <View
-      accessibilityState={
-        {
-          "busy": undefined,
-          "checked": undefined,
-          "disabled": undefined,
-          "expanded": undefined,
-          "selected": undefined,
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
         }
-      }
-      accessibilityValue={
-        {
-          "max": undefined,
-          "min": undefined,
-          "now": undefined,
-          "text": undefined,
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
         }
-      }
-      accessible={true}
-      collapsable={false}
-      focusable={true}
-      nativeBackgroundAndroid={
-        {
-          "borderless": false,
-          "color": 855638016,
-          "rippleRadius": undefined,
-          "type": "RippleAndroid",
+        accessible={true}
+        collapsable={false}
+        focusable={true}
+        nativeBackgroundAndroid={
+          {
+            "borderless": false,
+            "color": 855638016,
+            "rippleRadius": undefined,
+            "type": "RippleAndroid",
+          }
         }
-      }
-      onBlur={[Function]}
-      onClick={[Function]}
-      onFocus={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      style={{}}
-      testID="gallery-test-pagination-button"
-    >
-      <Text>
-        Show more
-      </Text>
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
+        style={{}}
+        testID="gallery-test-pagination-button"
+      >
+        <Text>
+          Show more
+        </Text>
+      </View>
     </View>
   </View>
 </View>
@@ -620,173 +698,199 @@ exports[`Gallery rendering rendering with load more button renders correctly wit
 
 exports[`Gallery rendering renders correctly 1`] = `
 <View
-  style={{}}
+  style={
+    [
+      {
+        "flexShrink": 1,
+      },
+      {},
+    ]
+  }
   testID="gallery-test"
 >
   <View
-    ListFooterComponentStyle={
+    style={
       {
-        "marginTop": 8,
+        "flexShrink": 1,
+        "height": 1,
       }
     }
-    horizontal={false}
-    keyExtractor={[Function]}
-    numColumns={2}
-    onEndReached={[Function]}
-    onEndReachedThreshold={0.6}
-    scrollEventThrottle={50}
-    testID="gallery-test-list"
   >
-    <View>
-      <View
-        testID="gallery-test-list-item-11"
-      >
+    <View
+      ListFooterComponentStyle={
+        {
+          "marginTop": 8,
+        }
+      }
+      horizontal={false}
+      keyExtractor={[Function]}
+      nestedScrollEnabled={true}
+      numColumns={2}
+      onContentSizeChange={[Function]}
+      onEndReached={[Function]}
+      onEndReachedThreshold={0.6}
+      scrollEventThrottle={50}
+      style={
+        [
+          {
+            "flex": 1,
+          },
+          undefined,
+        ]
+      }
+      testID="gallery-test-list"
+    >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              undefined,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-11"
         >
-          11
+          <View
+            style={
+              [
+                undefined,
+                undefined,
+                false,
+              ]
+            }
+          >
+            11
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-22"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-22"
         >
-          22
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            22
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-33"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-33"
         >
-          33
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            33
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-44"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-44"
         >
-          44
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            44
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-55"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-55"
         >
-          55
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            55
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-66"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-66"
         >
-          66
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            66
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-77"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-77"
         >
-          77
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            77
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-88"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-88"
         >
-          88
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            88
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-99"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              undefined,
-            ]
-          }
+          testID="gallery-test-list-item-99"
         >
-          99
+          <View
+            style={
+              [
+                undefined,
+                false,
+                undefined,
+              ]
+            }
+          >
+            99
+          </View>
         </View>
       </View>
     </View>
@@ -799,214 +903,217 @@ exports[`Gallery rendering renders correctly horizontal 1`] = `
   style={{}}
   testID="gallery-test"
 >
-  <View
-    ListFooterComponentStyle={
-      {
-        "marginStart": 8,
-      }
-    }
-    horizontal={true}
-    keyExtractor={[Function]}
-    onEndReached={[Function]}
-    onEndReachedThreshold={0.6}
-    scrollEventThrottle={50}
-    testID="gallery-test-list"
-  >
-    <View>
-      <View
-        style={
-          {
-            "width": 750,
-          }
+  <View>
+    <View
+      ListFooterComponentStyle={
+        {
+          "marginStart": 8,
         }
-        testID="gallery-test-list-item-11"
-      >
+      }
+      horizontal={true}
+      keyExtractor={[Function]}
+      nestedScrollEnabled={true}
+      onEndReached={[Function]}
+      onEndReachedThreshold={0.6}
+      scrollEventThrottle={50}
+      testID="gallery-test-list"
+    >
+      <View>
         <View
           style={
-            [
-              undefined,
-              undefined,
-              false,
-            ]
+            {
+              "width": 750,
+            }
           }
+          testID="gallery-test-list-item-11"
         >
-          11
+          <View
+            style={
+              [
+                undefined,
+                undefined,
+                false,
+              ]
+            }
+          >
+            11
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        style={
-          {
-            "width": 750,
-          }
-        }
-        testID="gallery-test-list-item-22"
-      >
+      <View>
         <View
           style={
-            [
-              undefined,
-              false,
-              false,
-            ]
+            {
+              "width": 750,
+            }
           }
+          testID="gallery-test-list-item-22"
         >
-          22
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            22
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        style={
-          {
-            "width": 750,
-          }
-        }
-        testID="gallery-test-list-item-33"
-      >
+      <View>
         <View
           style={
-            [
-              undefined,
-              false,
-              false,
-            ]
+            {
+              "width": 750,
+            }
           }
+          testID="gallery-test-list-item-33"
         >
-          33
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            33
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        style={
-          {
-            "width": 750,
-          }
-        }
-        testID="gallery-test-list-item-44"
-      >
+      <View>
         <View
           style={
-            [
-              undefined,
-              false,
-              false,
-            ]
+            {
+              "width": 750,
+            }
           }
+          testID="gallery-test-list-item-44"
         >
-          44
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            44
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        style={
-          {
-            "width": 750,
-          }
-        }
-        testID="gallery-test-list-item-55"
-      >
+      <View>
         <View
           style={
-            [
-              undefined,
-              false,
-              false,
-            ]
+            {
+              "width": 750,
+            }
           }
+          testID="gallery-test-list-item-55"
         >
-          55
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            55
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        style={
-          {
-            "width": 750,
-          }
-        }
-        testID="gallery-test-list-item-66"
-      >
+      <View>
         <View
           style={
-            [
-              undefined,
-              false,
-              false,
-            ]
+            {
+              "width": 750,
+            }
           }
+          testID="gallery-test-list-item-66"
         >
-          66
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            66
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        style={
-          {
-            "width": 750,
-          }
-        }
-        testID="gallery-test-list-item-77"
-      >
+      <View>
         <View
           style={
-            [
-              undefined,
-              false,
-              false,
-            ]
+            {
+              "width": 750,
+            }
           }
+          testID="gallery-test-list-item-77"
         >
-          77
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            77
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        style={
-          {
-            "width": 750,
-          }
-        }
-        testID="gallery-test-list-item-88"
-      >
+      <View>
         <View
           style={
-            [
-              undefined,
-              false,
-              false,
-            ]
+            {
+              "width": 750,
+            }
           }
+          testID="gallery-test-list-item-88"
         >
-          88
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            88
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        style={
-          {
-            "width": 750,
-          }
-        }
-        testID="gallery-test-list-item-99"
-      >
+      <View>
         <View
           style={
-            [
-              undefined,
-              false,
-              undefined,
-            ]
+            {
+              "width": 750,
+            }
           }
+          testID="gallery-test-list-item-99"
         >
-          99
+          <View
+            style={
+              [
+                undefined,
+                false,
+                undefined,
+              ]
+            }
+          >
+            99
+          </View>
         </View>
       </View>
     </View>
@@ -1019,202 +1126,212 @@ exports[`Gallery rendering renders correctly with empty list and custom placehol
   style={{}}
   testID="gallery-test"
 >
-  <View
-    ListFooterComponentStyle={
-      {
-        "marginTop": 8,
-      }
-    }
-    horizontal={false}
-    keyExtractor={[Function]}
-    numColumns={2}
-    onEndReached={[Function]}
-    onEndReachedThreshold={0.6}
-    refreshing={false}
-    scrollEventThrottle={50}
-    testID="gallery-test-list"
-  >
-    <View>
-      <Text>
-        Empty list...
-      </Text>
-    </View>
+  <View>
+    <Text>
+      Empty list...
+    </Text>
   </View>
 </View>
 `;
 
 exports[`Gallery rendering renders correctly with filter 1`] = `
 <View
-  style={{}}
+  style={
+    [
+      {
+        "flexShrink": 1,
+      },
+      {},
+    ]
+  }
   testID="gallery-test"
 >
   <View>
     <TextInput />
   </View>
   <View
-    ListFooterComponentStyle={
+    style={
       {
-        "marginTop": 8,
+        "flexShrink": 1,
+        "height": 1,
       }
     }
-    horizontal={false}
-    keyExtractor={[Function]}
-    numColumns={2}
-    onEndReached={[Function]}
-    onEndReachedThreshold={0.6}
-    scrollEventThrottle={50}
-    testID="gallery-test-list"
   >
-    <View>
-      <View
-        testID="gallery-test-list-item-11"
-      >
+    <View
+      ListFooterComponentStyle={
+        {
+          "marginTop": 8,
+        }
+      }
+      horizontal={false}
+      keyExtractor={[Function]}
+      nestedScrollEnabled={true}
+      numColumns={2}
+      onContentSizeChange={[Function]}
+      onEndReached={[Function]}
+      onEndReachedThreshold={0.6}
+      scrollEventThrottle={50}
+      style={
+        [
+          {
+            "flex": 1,
+          },
+          undefined,
+        ]
+      }
+      testID="gallery-test-list"
+    >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              undefined,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-11"
         >
-          11
+          <View
+            style={
+              [
+                undefined,
+                undefined,
+                false,
+              ]
+            }
+          >
+            11
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-22"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-22"
         >
-          22
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            22
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-33"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-33"
         >
-          33
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            33
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-44"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-44"
         >
-          44
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            44
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-55"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-55"
         >
-          55
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            55
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-66"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-66"
         >
-          66
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            66
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-77"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-77"
         >
-          77
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            77
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-88"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              false,
-            ]
-          }
+          testID="gallery-test-list-item-88"
         >
-          88
+          <View
+            style={
+              [
+                undefined,
+                false,
+                false,
+              ]
+            }
+          >
+            88
+          </View>
         </View>
       </View>
-    </View>
-    <View>
-      <View
-        testID="gallery-test-list-item-99"
-      >
+      <View>
         <View
-          style={
-            [
-              undefined,
-              false,
-              undefined,
-            ]
-          }
+          testID="gallery-test-list-item-99"
         >
-          99
+          <View
+            style={
+              [
+                undefined,
+                false,
+                undefined,
+              ]
+            }
+          >
+            99
+          </View>
         </View>
       </View>
     </View>
diff --git a/packages/pluggableWidgets/gallery-native/src/package.xml b/packages/pluggableWidgets/gallery-native/src/package.xml
index 83840116c..812f72309 100644
--- a/packages/pluggableWidgets/gallery-native/src/package.xml
+++ b/packages/pluggableWidgets/gallery-native/src/package.xml
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8" ?>
 <package xmlns="http://www.mendix.com/package/1.0/">
-    <clientModule name="Gallery" version="2.2.1" xmlns="http://www.mendix.com/clientModule/1.0/">
+    <clientModule name="Gallery" version="2.2.2" xmlns="http://www.mendix.com/clientModule/1.0/">
         <widgetFiles>
             <widgetFile path="Gallery.xml" />
         </widgetFiles>