feat: allow passing minHeight and minWidth to contentContainerStyle

CHANGELOG.md

@@ -7,6 +7,9 @@ and adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
 ## [Unreleased]
 
+- Allow `minWidth` and `minHeight` to be passed to `contentContainerStyle`
+  - https://github.com/Shopify/flash-list/pull/1560
+
 ## [1.7.6] - 2025-03-19
 
 - Fix React 18 ref error

documentation/docs/fundamentals/usage.md

@@ -202,6 +202,8 @@ export type ContentStyle = Pick<
   | "padding"
   | "paddingVertical"
   | "paddingHorizontal"
+  | "minWidth"
+  | "minHeight"
 >;
 ```
 

src/FlashList.tsx

@@ -357,8 +357,8 @@ class FlashList<T> extends React.PureComponent<
               backgroundColor: this.contentStyle.backgroundColor,
 
               // Required to handle a scrollview bug. Check: https://github.com/Shopify/flash-list/pull/187
-              minHeight: 1,
-              minWidth: 1,
+              minHeight: this.contentStyle.minHeight || 1,
+              minWidth: this.contentStyle.minWidth || 1,
 
               ...getContentContainerPadding(this.contentStyle, horizontal),
             },

src/FlashListProps.ts

@@ -45,6 +45,8 @@ export type ContentStyle = Pick<
   | "padding"
   | "paddingVertical"
   | "paddingHorizontal"
+  | "minHeight"
+  | "minWidth"
 >;
 
 export interface FlashListProps<TItem> extends ScrollViewProps {

src/utils/ContentContainerUtils.ts

@@ -4,6 +4,8 @@ import { Dimension } from "recyclerlistview";
 import { ContentStyle } from "../FlashListProps";
 
 export interface ContentStyleExplicit {
+  minWidth: number;
+  minHeight: number;
   paddingTop: number;
   paddingBottom: number;
   paddingLeft: number;
@@ -24,6 +26,8 @@ export const updateContentStyle = (
     paddingVertical,
     paddingHorizontal,
     backgroundColor,
+    minWidth,
+    minHeight,
   } = (contentContainerStyleSource ?? {}) as ViewStyle;
   contentStyle.paddingLeft = Number(
     paddingLeft || paddingHorizontal || padding || 0
@@ -38,6 +42,8 @@ export const updateContentStyle = (
     paddingBottom || paddingVertical || padding || 0
   );
   contentStyle.backgroundColor = backgroundColor;
+  contentStyle.minWidth = Number(minWidth || 0);
+  contentStyle.minHeight = Number(minHeight || 0);
   return contentStyle as ContentStyleExplicit;
 };