react-native-terra-ui 0.7.2 → 0.8.0

package/lib/module/components/screen/ScreenContext.js

@@ -2,19 +2,27 @@
 
 import { createContext, useCallback, useContext, useMemo, useState } from "react";
 import { useAnimatedRef, useAnimatedScrollHandler, useSharedValue } from "react-native-reanimated";
+
+/** Internal animated ref shared by the screen's primary scroll container. */
 import { jsx as _jsx } from "react/jsx-runtime";
-/** `PortalHost` name shared by `Screen.ScrollView` / `Screen.FlatList` and header variants that portal content into them. */
+/** Local portal target for scrollable header content. */
 export const SCREEN_HEADER_PORTAL_HOST = "screen-header";
+
+/** Shared configuration and UI-thread scroll values returned by `useScreen`. */
+
 export const ScreenContext = /*#__PURE__*/createContext(null);
+
+/** Internal provider inputs resolved by the Screen root. */
+
 /**
  * Owns the screen's shared scroll ref, offset, snap offsets, and header collapse
- * metrics. Header variants call {@link ScreenContextValue.setHeaderCollapseHeight};
- * scroll containers bind the ref via {@link useScreen}.
+ * metrics. Scroll containers bind the ref via {@link useScreen}.
  */
 export function ScreenScrollProvider({
   background = "transparent",
   children,
-  margins = "all",
+  contentPadding = "all",
+  safeArea = "auto",
   hasHeader = false
 }) {
   const scrollY = useSharedValue(0);
@@ -33,7 +41,9 @@ export function ScreenScrollProvider({
   });
   const value = useMemo(() => ({
     background,
-    margins,
+    contentPadding,
+    safeArea,
+    margins: contentPadding,
     hasHeader,
     scrollY,
     headerCollapseHeight,
@@ -41,7 +51,7 @@ export function ScreenScrollProvider({
     setHeaderCollapseHeight,
     scrollRef,
     scrollHandler
-  }), [background, margins, hasHeader, scrollY, headerCollapseHeight, headerSnapOffsets, setHeaderCollapseHeight, scrollRef, scrollHandler]);
+  }), [background, contentPadding, safeArea, hasHeader, scrollY, headerCollapseHeight, headerSnapOffsets, setHeaderCollapseHeight, scrollRef, scrollHandler]);
   return /*#__PURE__*/_jsx(ScreenContext.Provider, {
     value: value,
     children: children
@@ -49,14 +59,23 @@ export function ScreenScrollProvider({
 }
 
 /**
- * Access the enclosing `Screen`'s shared scroll state, ref, and snap offsets.
+ * Reads the nearest `Screen`'s configuration, shared scroll state, and ref.
+ * Read `scrollY.value` in Reanimated worklets to animate without React renders.
+ * The ref belongs to the primary scroll container, not the screen root.
  *
  * @example
  * ```tsx
- * const { scrollY, scrollRef, headerSnapOffsets } = useScreen();
+ * function FadingContent() {
+ *   const { scrollY } = useScreen();
+ *   const style = useAnimatedStyle(() => ({
+ *     opacity: interpolate(scrollY.value, [0, 100], [1, 0], "clamp"),
+ *   }));
+ *   return <Animated.View style={style}>{content}</Animated.View>;
+ * }
  * ```
  *
- * @throws if called outside a `Screen`.
+ * @returns The nearest Screen's configuration and scroll state.
+ * @throws Error when called outside a Screen provider.
  */
 export function useScreen() {
   const context = useContext(ScreenContext);

package/lib/module/components/screen/ScreenContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["createContext","useCallback","useContext","useMemo","useState","useAnimatedRef","useAnimatedScrollHandler","useSharedValue","jsx","_jsx","SCREEN_HEADER_PORTAL_HOST","ScreenContext","ScreenScrollProvider","background","children","margins","hasHeader","scrollY","headerCollapseHeight","headerSnapOffsets","setHeaderSnapOffsets","scrollRef","setHeaderCollapseHeight","height","rounded","Math","round","value","undefined","scrollHandler","onScroll","event","contentOffset","y","Provider","useScreen","context","Error"],"sourceRoot":"../../../../src","sources":["components/screen/ScreenContext.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAkBC,WAAW,EAAEC,UAAU,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAEjG,SAIEC,cAAc,EACdC,wBAAwB,EACxBC,cAAc,QACT,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMjC;AACA,OAAO,MAAMC,yBAAyB,GAAG,eAAe;AAsCxD,OAAO,MAAMC,aAAa,gBAAGX,aAAa,CAA4B,IAAI,CAAC;AAY3E;AACA;AACA;AACA;AACA;AACA,OAAO,SAASY,oBAAoBA,CAAC;EACnCC,UAAU,GAAG,aAAa;EAC1BC,QAAQ;EACRC,OAAO,GAAG,KAAK;EACfC,SAAS,GAAG;AACa,CAAC,EAAE;EAC5B,MAAMC,OAAO,GAAGV,cAAc,CAAC,CAAC,CAAC;EACjC,MAAMW,oBAAoB,GAAGX,cAAc,CAAC,CAAC,CAAC;EAC9C,MAAM,CAACY,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGhB,QAAQ,CAAW,CAAC;EACtE,MAAMiB,SAAS,GAAGhB,cAAc,CAAsB,CAAC;EAEvD,MAAMiB,uBAAuB,GAAGrB,WAAW,CACxCsB,MAAc,IAAK;IAClB,MAAMC,OAAO,GAAGC,IAAI,CAACC,KAAK,CAACH,MAAM,CAAC;IAClCL,oBAAoB,CAACS,KAAK,GAAGH,OAAO;IACpCJ,oBAAoB,CAACI,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,EAAEA,OAAO,CAAC,GAAGI,SAAS,CAAC;EAC9D,CAAC,EACD,CAACV,oBAAoB,CACvB,CAAC;EAED,MAAMW,aAAa,GAAGvB,wBAAwB,CAAC;IAC7CwB,QAAQ,EAAGC,KAAK,IAAK;MACnBd,OAAO,CAACU,KAAK,GAAGI,KAAK,CAACC,aAAa,CAACC,CAAC;IACvC;EACF,CAAC,CAAC;EAEF,MAAMN,KAAK,GAAGxB,OAAO,CACnB,OAAO;IACLU,UAAU;IACVE,OAAO;IACPC,SAAS;IACTC,OAAO;IACPC,oBAAoB;IACpBC,iBAAiB;IACjBG,uBAAuB;IACvBD,SAAS;IACTQ;EACF,CAAC,CAAC,EACF,CACEhB,UAAU,EACVE,OAAO,EACPC,SAAS,EACTC,OAAO,EACPC,oBAAoB,EACpBC,iBAAiB,EACjBG,uBAAuB,EACvBD,SAAS,EACTQ,aAAa,CAEjB,CAAC;EAED,oBAAOpB,IAAA,CAACE,aAAa,CAACuB,QAAQ;IAACP,KAAK,EAAEA,KAAM;IAAAb,QAAA,EAAEA;EAAQ,CAAyB,CAAC;AAClF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASqB,SAASA,CAAA,EAAuB;EAC9C,MAAMC,OAAO,GAAGlC,UAAU,CAACS,aAAa,CAAC;EACzC,IAAI,CAACyB,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,kDAAkD,CAAC;EACrE;EACA,OAAOD,OAAO;AAChB","ignoreList":[]}
+{"version":3,"names":["createContext","useCallback","useContext","useMemo","useState","useAnimatedRef","useAnimatedScrollHandler","useSharedValue","jsx","_jsx","SCREEN_HEADER_PORTAL_HOST","ScreenContext","ScreenScrollProvider","background","children","contentPadding","safeArea","hasHeader","scrollY","headerCollapseHeight","headerSnapOffsets","setHeaderSnapOffsets","scrollRef","setHeaderCollapseHeight","height","rounded","Math","round","value","undefined","scrollHandler","onScroll","event","contentOffset","y","margins","Provider","useScreen","context","Error"],"sourceRoot":"../../../../src","sources":["components/screen/ScreenContext.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAkBC,WAAW,EAAEC,UAAU,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAEjG,SAIEC,cAAc,EACdC,wBAAwB,EACxBC,cAAc,QACT,yBAAyB;;AAIhC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGA;AACA,OAAO,MAAMC,yBAAyB,GAAG,eAAe;;AAExD;;AAwCA,OAAO,MAAMC,aAAa,gBAAGX,aAAa,CAA4B,IAAI,CAAC;;AAE3E;;AAaA;AACA;AACA;AACA;AACA,OAAO,SAASY,oBAAoBA,CAAC;EACnCC,UAAU,GAAG,aAAa;EAC1BC,QAAQ;EACRC,cAAc,GAAG,KAAK;EACtBC,QAAQ,GAAG,MAAM;EACjBC,SAAS,GAAG;AACa,CAAC,EAAE;EAC5B,MAAMC,OAAO,GAAGX,cAAc,CAAC,CAAC,CAAC;EACjC,MAAMY,oBAAoB,GAAGZ,cAAc,CAAC,CAAC,CAAC;EAC9C,MAAM,CAACa,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGjB,QAAQ,CAAW,CAAC;EACtE,MAAMkB,SAAS,GAAGjB,cAAc,CAAsB,CAAC;EAEvD,MAAMkB,uBAAuB,GAAGtB,WAAW,CACxCuB,MAAc,IAAK;IAClB,MAAMC,OAAO,GAAGC,IAAI,CAACC,KAAK,CAACH,MAAM,CAAC;IAClCL,oBAAoB,CAACS,KAAK,GAAGH,OAAO;IACpCJ,oBAAoB,CAACI,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,EAAEA,OAAO,CAAC,GAAGI,SAAS,CAAC;EAC9D,CAAC,EACD,CAACV,oBAAoB,CACvB,CAAC;EAED,MAAMW,aAAa,GAAGxB,wBAAwB,CAAC;IAC7CyB,QAAQ,EAAGC,KAAK,IAAK;MACnBd,OAAO,CAACU,KAAK,GAAGI,KAAK,CAACC,aAAa,CAACC,CAAC;IACvC;EACF,CAAC,CAAC;EAEF,MAAMN,KAAK,GAAGzB,OAAO,CACnB,OAAO;IACLU,UAAU;IACVE,cAAc;IACdC,QAAQ;IACRmB,OAAO,EAAEpB,cAAc;IACvBE,SAAS;IACTC,OAAO;IACPC,oBAAoB;IACpBC,iBAAiB;IACjBG,uBAAuB;IACvBD,SAAS;IACTQ;EACF,CAAC,CAAC,EACF,CACEjB,UAAU,EACVE,cAAc,EACdC,QAAQ,EACRC,SAAS,EACTC,OAAO,EACPC,oBAAoB,EACpBC,iBAAiB,EACjBG,uBAAuB,EACvBD,SAAS,EACTQ,aAAa,CAEjB,CAAC;EAED,oBAAOrB,IAAA,CAACE,aAAa,CAACyB,QAAQ;IAACR,KAAK,EAAEA,KAAM;IAAAd,QAAA,EAAEA;EAAQ,CAAyB,CAAC;AAClF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASuB,SAASA,CAAA,EAAuB;EAC9C,MAAMC,OAAO,GAAGpC,UAAU,CAACS,aAAa,CAAC;EACzC,IAAI,CAAC2B,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,kDAAkD,CAAC;EACrE;EACA,OAAOD,OAAO;AAChB","ignoreList":[]}

package/lib/module/components/screen/ScreenFlatList.js

@@ -1,167 +1,9 @@
 "use strict";
 
-import { View } from "react-native-unistyles/components/native/View";
-import Animated, { useAnimatedScrollHandler, useComposedEventHandler } from "react-native-reanimated";
-import { StyleSheet } from "react-native-unistyles";
-import { resolveScreenMargin } from "../../theme/screen-margin.js";
-import { PortalHost } from "../portal/index.js";
-import { BottomSafeArea } from "./parts/BottomSafeArea.js";
-import { renderScreenPlaceholder } from "./parts/ScreenPlaceholder.js";
-import { SCREEN_HEADER_PORTAL_HOST, useScreen } from "./ScreenContext.js";
-import { hasXMargin, hasYMargin, renderListHeader } from "./utils.js";
+import { ScreenList } from "./ScreenList.js";
 
-/**
- * @deprecated Use {@link ScreenListProps} (`Screen.List`) instead —
- * `Screen.List` renders `FlatList` by default and binds the screen's shared
- * scroll ref exactly as `Screen.FlatList` does, but also lets a screen swap in
- * any other FlatList-shaped list (e.g. `FlashList`) via its `as` prop.
- */
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `FlatList` variant of `Screen.ScrollView`: binds the screen's shared scroll
- * ref, mirrors offset into `scrollY`, hosts the portal target above the list,
- * and applies token-driven content padding.
- *
- * Shares `loading` / `LoadingComponent` / `EmptyComponent` / `margins` /
- * `horizontal` with `Screen.ScrollView`, so a screen can swap one container for
- * another without relearning its API.
- *
- * @deprecated Use {@link ScreenList} (`Screen.List`) instead — it renders
- * `FlatList` by default and behaves identically, but also accepts an `as`
- * prop for swapping in another list implementation later without changing
- * the surrounding API.
- *
- * @example
- * ```tsx
- * <Screen.FlatList data={items} renderItem={({ item }) => <Row item={item} />} />
- * ```
- *
- * @example Loading and empty placeholders
- * ```tsx
- * <Screen.FlatList
- *   data={items}
- *   loading={isLoading}
- *   EmptyComponent={<EmptyState icon="status.info" title="Nothing yet" fill />}
- *   renderItem={({ item }) => <Row item={item} />}
- * />
- * ```
- */
-export function ScreenFlatList({
-  data,
-  style,
-  contentContainerStyle,
-  ListHeaderComponent,
-  ListFooterComponent,
-  ListEmptyComponent,
-  horizontal = false,
-  loading = false,
-  LoadingComponent,
-  EmptyComponent,
-  margins,
-  bottomInset,
-  onScroll,
-  ...rest
-}) {
-  const {
-    background,
-    scrollRef,
-    scrollHandler,
-    headerSnapOffsets,
-    margins: screenMargins,
-    hasHeader
-  } = useScreen();
-  const resolvedMargins = margins ?? screenMargins;
-  // The placeholder rides in on `ListEmptyComponent` rather than replacing the
-  // list, so the header portal, scroll binding and snap offsets all stay put.
-  // While loading the list is fed an empty `data` so that slot is the one that
-  // renders.
-  const placeholder = renderScreenPlaceholder({
-    loading,
-    LoadingComponent,
-    EmptyComponent,
-    isEmpty: !data || data.length === 0
-  });
-  const jsScrollHandler = useAnimatedScrollHandler(event => {
-    if (onScroll) onScroll(event);
-  }, [onScroll]);
-  const composedHandler = useComposedEventHandler([scrollHandler, jsScrollHandler]);
+/** @deprecated Use ScreenListProps. */
 
-  // A caller naming its own `bottomInset` has taken the bottom over entirely,
-  // and a horizontal list has no bottom edge to clear.
-  const needsBottomSafeArea = bottomInset === undefined && !horizontal;
-  const footerComponent = /*#__PURE__*/_jsxs(_Fragment, {
-    children: [renderListHeader(ListFooterComponent), needsBottomSafeArea ? /*#__PURE__*/_jsx(BottomSafeArea, {}) : null]
-  });
-  const headerComponent = /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(View, {
-      style: styles.headerWrapper(resolvedMargins),
-      children: /*#__PURE__*/_jsx(PortalHost, {
-        name: SCREEN_HEADER_PORTAL_HOST
-      })
-    }), renderListHeader(ListHeaderComponent)]
-  });
-  return /*#__PURE__*/_jsx(Animated.FlatList, {
-    ref: scrollRef,
-    data: loading ? [] : data,
-    style: [{
-      backgroundColor: background
-    }, style],
-    horizontal: horizontal,
-    contentInsetAdjustmentBehavior: hasHeader ? "never" : undefined,
-    contentContainerStyle: [styles.content(resolvedMargins, hasHeader, bottomInset), contentContainerStyle],
-    ListHeaderComponent: headerComponent,
-    ListFooterComponent: footerComponent,
-    ListEmptyComponent: placeholder ?? ListEmptyComponent,
-    showsVerticalScrollIndicator: false,
-    scrollEventThrottle: 16,
-    snapToOffsets: headerSnapOffsets,
-    ...rest,
-    onScroll: composedHandler
-  });
-}
-
-// `resolveScreenMargin` is called *inside* each dynamic function below, not
-// hoisted to the factory's top level — the Babel plugin only attributes a
-// runtime dependency (here, breakpoint) to a style key when the `rt`/
-// `runtime` read it derives from sits inside that key's own value. Hoisting
-// it would silently drop the dependency, so the margin would freeze at
-// whatever breakpoint was active on mount and never update on rotation.
-const styles = StyleSheet.create((theme, runtime) => ({
-  scrollContent: {
-    flexGrow: 1
-  },
-  content: (margins, hasHeader, bottomInset) => {
-    const {
-      x: marginX,
-      y: marginY
-    } = resolveScreenMargin(theme, runtime.breakpoint);
-    return {
-      flexGrow: 1,
-      // The header is absolutely positioned, so the list reserves its full
-      // height — bar plus top safe area. This assumes the scroll view does not
-      // also get UIKit's automatic inset adjustment: on a native tab screen
-      // that means `disableAutomaticContentInsets` on the tab, or the two
-      // insets are counted twice.
-      paddingTop: (hasHeader ? theme.layout.header.height + runtime.insets.top : 0) + (hasYMargin(margins) ? marginY : 0),
-      paddingHorizontal: hasXMargin(margins) ? marginX : 0,
-      // The safe area is `BottomSafeArea`'s job; counting it here as well
-      // would leave a gap the height of the gesture bar.
-      paddingBottom: bottomInset ?? (hasYMargin(margins) ? marginY : 0),
-      uni__dependencies: [0, 3, 9]
-    };
-  },
-  safeArea: {
-    height: runtime.insets.top,
-    uni__dependencies: [9]
-  },
-  headerWrapper: margins => {
-    const {
-      x: marginX
-    } = resolveScreenMargin(theme, runtime.breakpoint);
-    return {
-      marginHorizontal: hasXMargin(margins) ? -marginX : 0,
-      uni__dependencies: [0, 3]
-    };
-  }
-}));
+/** @deprecated Use Screen.List, which exposes the same native FlatList and ref. */
+export const ScreenFlatList = ScreenList;
 //# sourceMappingURL=ScreenFlatList.js.map

package/lib/module/components/screen/ScreenFlatList.js.map

@@ -1 +1 @@
-{"version":3,"names":["Animated","useAnimatedScrollHandler","useComposedEventHandler","StyleSheet","resolveScreenMargin","PortalHost","BottomSafeArea","renderScreenPlaceholder","SCREEN_HEADER_PORTAL_HOST","useScreen","hasXMargin","hasYMargin","renderListHeader","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ScreenFlatList","data","style","contentContainerStyle","ListHeaderComponent","ListFooterComponent","ListEmptyComponent","horizontal","loading","LoadingComponent","EmptyComponent","margins","bottomInset","onScroll","rest","background","scrollRef","scrollHandler","headerSnapOffsets","screenMargins","hasHeader","resolvedMargins","placeholder","isEmpty","length","jsScrollHandler","event","composedHandler","needsBottomSafeArea","undefined","footerComponent","children","headerComponent","View","styles","headerWrapper","name","FlatList","ref","backgroundColor","contentInsetAdjustmentBehavior","content","showsVerticalScrollIndicator","scrollEventThrottle","snapToOffsets","create","theme","runtime","scrollContent","flexGrow","x","marginX","y","marginY","breakpoint","paddingTop","layout","header","height","insets","top","paddingHorizontal","paddingBottom","uni__dependencies","safeArea","marginHorizontal"],"sourceRoot":"../../../../src","sources":["components/screen/ScreenFlatList.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["ScreenList","ScreenFlatList"],"sourceRoot":"../../../../src","sources":["components/screen/ScreenFlatList.tsx"],"mappings":";;AAAA,SAASA,UAAU;;AAEnB;;AAEA;AACA,OAAO,MAAMC,cAAiC,GAAGD,UAAU","ignoreList":[]}

package/lib/module/components/screen/ScreenList.js

@@ -2,39 +2,30 @@
 
 import { View } from "react-native-unistyles/components/native/View";
 import { FlatList } from "react-native-unistyles/components/native/FlatList";
-import { useMemo } from "react";
-import Animated, { useAnimatedScrollHandler, useComposedEventHandler } from "react-native-reanimated";
+import { forwardRef, useMemo } from "react";
+import Animated from "react-native-reanimated";
 import { StyleSheet } from "react-native-unistyles";
-import { resolveScreenMargin } from "../../theme/screen-margin.js";
+import { resolveScreenPadding } from "../../theme/screen-padding.js";
 import { PortalHost } from "../portal/index.js";
-import { BottomSafeArea } from "./parts/BottomSafeArea.js";
+import { useScreenRef } from "./hooks/use-screen-ref.js";
+import { useScreenScrollHandler } from "./hooks/use-screen-scroll-handler.js";
 import { renderScreenPlaceholder } from "./parts/ScreenPlaceholder.js";
 import { SCREEN_HEADER_PORTAL_HOST, useScreen } from "./ScreenContext.js";
-import { hasXMargin, hasYMargin, renderListHeader } from "./utils.js";
+import { hasHorizontalPadding, hasVerticalPadding, renderListComponent } from "./utils.js";
+
+/** Minimal row information supported by custom list adapters. FlatList also supplies separators. */
+
+/** Native viewability token with the item inferred from data. */
+
+/** Native FlatList props with item inference retained across callbacks and refs. */
+
+/** Props an adapter must accept and forward to its scrollable list implementation. */
+
+/** Custom lists must accept the adapter contract and forward a ref for Reanimated. */
+
+/** Screen list props, optionally parameterized by a custom adapter component. */
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Polymorphic list container — renders whichever list `as` names (defaults
- * to `FlatList`), applying the same margin/header/safe-area/scroll-handler
- * chrome regardless of which one it is. A screen can swap list
- * implementations by changing `as`, without relearning the surrounding API.
- *
- * @example
- * ```tsx
- * <Screen.List data={items} renderItem={({ item }) => <Row item={item} />} />
- * ```
- *
- * @example Any other list component
- * ```tsx
- * import { FlashList } from '@shopify/flash-list';
- *
- * <Screen.List
- *   as={FlashList}
- *   data={items}
- *   renderItem={({ item }) => <Row item={item} />}
- * />
- * ```
- */
-export function ScreenList({
+const ScreenListBase = /*#__PURE__*/forwardRef(function ScreenList({
   as,
   data,
   renderItem,
@@ -44,117 +35,110 @@ export function ScreenList({
   ListFooterComponent,
   ListEmptyComponent,
   horizontal = false,
+  isLoading,
   loading = false,
+  loadingContent,
   LoadingComponent,
+  emptyContent,
   EmptyComponent,
+  contentPadding,
   margins,
   bottomInset,
+  extraBottomPadding = 0,
+  scrollHandler: externalScrollHandler,
   onScroll,
   ...rest
-}) {
-  const isDefaultFlatList = as === undefined;
+}, ref) {
+  const isDefaultFlatList = as === undefined || as === FlatList;
   const Component = as ?? FlatList;
-
-  // `Animated.createAnimatedComponent` should only run once per component,
-  // not on every render — `as` is arbitrary here (not a fixed module-scope
-  // reference like `Screen.FlatList` uses), so it's memoized on the resolved
-  // component instead of hoisted to module scope.
+  // Stable wrappers preserve the native list and its scroll position across renders.
   const AnimatedComponent = useMemo(() => Animated.createAnimatedComponent(Component), [Component]);
   const {
     background,
     scrollRef,
     scrollHandler,
     headerSnapOffsets,
-    margins: screenMargins,
+    contentPadding: screenPadding,
     hasHeader
   } = useScreen();
-  const resolvedMargins = margins ?? screenMargins;
-  // The placeholder rides in on `ListEmptyComponent` rather than replacing the
-  // list, so the header portal, scroll binding and snap offsets all stay put.
-  // While loading the list is fed an empty `data` so that slot is the one that
-  // renders.
+  const mergedRef = useScreenRef(isDefaultFlatList ? scrollRef : undefined, ref);
+  const resolvedPadding = contentPadding ?? margins ?? screenPadding;
+  const resolvedLoading = isLoading ?? loading;
   const placeholder = renderScreenPlaceholder({
-    loading,
-    LoadingComponent,
-    EmptyComponent,
+    isLoading: resolvedLoading,
+    loadingContent: loadingContent !== undefined ? loadingContent : LoadingComponent ?? undefined,
+    emptyContent: emptyContent !== undefined ? emptyContent : EmptyComponent,
     isEmpty: !data || data.length === 0
   });
-  const jsScrollHandler = useAnimatedScrollHandler(event => {
-    if (onScroll) onScroll(event);
-  }, [onScroll]);
-  const composedHandler = useComposedEventHandler([scrollHandler, jsScrollHandler]);
-
-  // A caller naming its own `bottomInset` has taken the bottom over entirely,
-  // and a horizontal list has no bottom edge to clear.
-  const needsBottomSafeArea = bottomInset === undefined && !horizontal;
-  const footerComponent = /*#__PURE__*/_jsxs(_Fragment, {
-    children: [renderListHeader(ListFooterComponent), needsBottomSafeArea ? /*#__PURE__*/_jsx(BottomSafeArea, {}) : null]
-  });
-  const headerComponent = /*#__PURE__*/_jsxs(_Fragment, {
+  const composedScrollHandler = useScreenScrollHandler(scrollHandler, onScroll, externalScrollHandler);
+  const header = /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(View, {
-      style: styles.headerWrapper(resolvedMargins),
+      style: styles.headerWrapper(resolvedPadding),
       children: /*#__PURE__*/_jsx(PortalHost, {
         name: SCREEN_HEADER_PORTAL_HOST
       })
-    }), renderListHeader(ListHeaderComponent)]
+    }), renderListComponent(ListHeaderComponent)]
   });
   return /*#__PURE__*/_jsx(AnimatedComponent, {
-    ref: isDefaultFlatList ? scrollRef : undefined,
-    data: loading ? [] : data,
+    ref: mergedRef,
+    data: resolvedLoading ? [] : data,
     renderItem: renderItem,
     style: [{
       backgroundColor: background
     }, style],
     horizontal: horizontal,
-    contentInsetAdjustmentBehavior: hasHeader ? "never" : undefined,
-    contentContainerStyle: [styles.content(resolvedMargins, hasHeader, bottomInset), contentContainerStyle],
-    ListHeaderComponent: headerComponent,
-    ListFooterComponent: footerComponent,
+    contentInsetAdjustmentBehavior: "never",
+    automaticallyAdjustContentInsets: false,
+    automaticallyAdjustsScrollIndicatorInsets: false,
+    contentContainerStyle: [styles.content(resolvedPadding, hasHeader, bottomInset, extraBottomPadding), contentContainerStyle],
+    ListHeaderComponent: header,
+    ListFooterComponent: ListFooterComponent,
     ListEmptyComponent: placeholder ?? ListEmptyComponent,
     showsVerticalScrollIndicator: false,
     scrollEventThrottle: 16,
     snapToOffsets: headerSnapOffsets,
     ...rest,
-    onScroll: composedHandler
+    onScroll: composedScrollHandler
   });
-}
-ScreenList.displayName = "Screen.List";
+});
 
-// `resolveScreenMargin` is called *inside* each dynamic function below, not
-// hoisted to the factory's top level — the Babel plugin only attributes a
-// runtime dependency (here, breakpoint) to a style key when the `rt`/
-// `runtime` read it derives from sits inside that key's own value. Hoisting
-// it would silently drop the dependency, so the margin would freeze at
-// whatever breakpoint was active on mount and never update on rotation.
+/**
+ * Virtualized Screen content. FlatList is the default and its native ref and
+ * item callbacks retain their types. Native refreshing keeps rows visible;
+ * isLoading replaces them with loadingContent (a Spinner by default).
+ *
+ * Custom `as` components must implement ScreenListAdapterProps, forward their
+ * ref, and forward the supplied scroll events, styles, and header/footer slots.
+ * Their native ref is forwarded to callers; useScreen().scrollRef is FlatList-only here.
+ * JS onScroll receives nativeEvent data without SyntheticEvent methods.
+ *
+ * @example
+ * ```tsx
+ * <Screen safeArea="auto">
+ *   <Screen.List data={items} renderItem={({ item }) => <Row item={item} />}
+ *     isLoading={isLoading} refreshing={isRefreshing} onRefresh={refresh} />
+ * </Screen>
+ * ```
+ */
+export const ScreenList = ScreenListBase;
+ScreenList.displayName = "Screen.List";
 const styles = StyleSheet.create((theme, runtime) => ({
-  content: (margins, hasHeader, bottomInset) => {
+  content: (padding, hasHeader, bottomInset, extraBottomPadding) => {
     const {
-      x: marginX,
-      y: marginY
-    } = resolveScreenMargin(theme, runtime.breakpoint);
+      x,
+      y
+    } = resolveScreenPadding(theme, runtime.breakpoint);
     return {
       flexGrow: 1,
-      // The header is absolutely positioned, so the list reserves its full
-      // height — bar plus top safe area. This assumes the scroll view does not
-      // also get UIKit's automatic inset adjustment: on a native tab screen
-      // that means `disableAutomaticContentInsets` on the tab, or the two
-      // insets are counted twice.
-      paddingTop: (hasHeader ? theme.layout.header.height + runtime.insets.top : 0) + (hasYMargin(margins) ? marginY : 0),
-      paddingHorizontal: hasXMargin(margins) ? marginX : 0,
-      // The safe area is `BottomSafeArea`'s job; counting it here as well
-      // would leave a gap the height of the gesture bar.
-      paddingBottom: bottomInset ?? (hasYMargin(margins) ? marginY : 0),
-      uni__dependencies: [0, 3, 9]
-    };
-  },
-  headerWrapper: margins => {
-    const {
-      x: marginX
-    } = resolveScreenMargin(theme, runtime.breakpoint);
-    return {
-      marginHorizontal: hasXMargin(margins) ? -marginX : 0,
+      paddingTop: (hasHeader ? theme.layout.header.height : 0) + (hasVerticalPadding(padding) ? y : 0),
+      paddingHorizontal: hasHorizontalPadding(padding) ? x : 0,
+      paddingBottom: (bottomInset ?? (hasVerticalPadding(padding) ? y : 0)) + extraBottomPadding,
       uni__dependencies: [0, 3]
     };
-  }
+  },
+  headerWrapper: padding => ({
+    marginHorizontal: hasHorizontalPadding(padding) ? -resolveScreenPadding(theme, runtime.breakpoint).x : 0,
+    uni__dependencies: [0, 3]
+  })
 }));
 //# sourceMappingURL=ScreenList.js.map

package/lib/module/components/screen/ScreenList.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","Animated","useAnimatedScrollHandler","useComposedEventHandler","StyleSheet","resolveScreenMargin","PortalHost","BottomSafeArea","renderScreenPlaceholder","SCREEN_HEADER_PORTAL_HOST","useScreen","hasXMargin","hasYMargin","renderListHeader","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ScreenList","as","data","renderItem","style","contentContainerStyle","ListHeaderComponent","ListFooterComponent","ListEmptyComponent","horizontal","loading","LoadingComponent","EmptyComponent","margins","bottomInset","onScroll","rest","isDefaultFlatList","undefined","Component","FlatList","AnimatedComponent","createAnimatedComponent","background","scrollRef","scrollHandler","headerSnapOffsets","screenMargins","hasHeader","resolvedMargins","placeholder","isEmpty","length","jsScrollHandler","event","composedHandler","needsBottomSafeArea","footerComponent","children","headerComponent","View","styles","headerWrapper","name","ref","backgroundColor","contentInsetAdjustmentBehavior","content","showsVerticalScrollIndicator","scrollEventThrottle","snapToOffsets","displayName","create","theme","runtime","x","marginX","y","marginY","breakpoint","flexGrow","paddingTop","layout","header","height","insets","top","paddingHorizontal","paddingBottom","uni__dependencies","marginHorizontal"],"sourceRoot":"../../../../src","sources":["components/screen/ScreenList.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["forwardRef","useMemo","Animated","StyleSheet","resolveScreenPadding","PortalHost","useScreenRef","useScreenScrollHandler","renderScreenPlaceholder","SCREEN_HEADER_PORTAL_HOST","useScreen","hasHorizontalPadding","hasVerticalPadding","renderListComponent","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ScreenListBase","ScreenList","as","data","renderItem","style","contentContainerStyle","ListHeaderComponent","ListFooterComponent","ListEmptyComponent","horizontal","isLoading","loading","loadingContent","LoadingComponent","emptyContent","EmptyComponent","contentPadding","margins","bottomInset","extraBottomPadding","scrollHandler","externalScrollHandler","onScroll","rest","ref","isDefaultFlatList","undefined","FlatList","Component","AnimatedComponent","createAnimatedComponent","background","scrollRef","headerSnapOffsets","screenPadding","hasHeader","mergedRef","resolvedPadding","resolvedLoading","placeholder","isEmpty","length","composedScrollHandler","header","children","View","styles","headerWrapper","name","backgroundColor","contentInsetAdjustmentBehavior","automaticallyAdjustContentInsets","automaticallyAdjustsScrollIndicatorInsets","content","showsVerticalScrollIndicator","scrollEventThrottle","snapToOffsets","displayName","create","theme","runtime","padding","x","y","breakpoint","flexGrow","paddingTop","layout","height","paddingHorizontal","paddingBottom","uni__dependencies","marginHorizontal"],"sourceRoot":"../../../../src","sources":["components/screen/ScreenList.tsx"],"mappings":"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","ignoreList":[]}