@rific/scroll-view 0.1.1 → 0.3.0

package/README.md

@@ -38,7 +38,7 @@ import { ScrollViewSettingsProvider } from '@rific/scroll-view'
 
 export default function RootLayout({ children }) {
   return (
-    <ScrollViewSettingsProvider value={{ snapBack: true }}>
+    <ScrollViewSettingsProvider initialValue={{ snapBack: true }}>
       {children}
     </ScrollViewSettingsProvider>
   )
@@ -49,6 +49,18 @@ export default function RootLayout({ children }) {
 
 ## Components
 
+### `ScrollViewSettingsProvider`
+
+App-wide defaults for scroll settings. Wrap your root layout to set global defaults.
+
+| Prop | Type | Description |
+|------|------|-------------|
+| `children` | `ReactNode` | — |
+| `initialValue` | `Partial<ScrollViewSettings>` | Initial settings applied once on mount |
+| `onChange` | `(settings: ScrollViewSettings) => void` | Called whenever settings change |
+
+---
+
 ### `ScrollViewProvider`
 
 Screen-level provider that owns header/footer state and scroll position. Must wrap `ScrollViewHeader`, `ScrollViewFooter`, and the scroll component.
@@ -105,14 +117,17 @@ Drop-in for React Native's `ScrollView`. Accepts all `ScrollViewProps` plus:
 
 | Prop | Type | Description |
 |------|------|-------------|
+| `chipProps` | `ChipProps` | Customize the scroll-to-top chip (label, style, etc.) |
+| `chipThreshold` | `number` | Scroll offset (px) before the chip appears. Default `100` |
 | `footerFixed` | `boolean` | Pin footer for this scroll view; overrides provider |
-| `headerFixed` | `boolean` | Pin header for this scroll view; overrides provider |
 | `gesture` | `GestureType` | Compose with an external RNGH gesture |
+| `headerFixed` | `boolean` | Pin header for this scroll view; overrides provider |
 | `keyboardAware` | `boolean` | Add keyboard height to bottom content inset |
+| `onChipPress` | `() => void` | Additional callback fired when the chip is pressed |
 | `onRefresh` | `() => void` | Enables pull-to-refresh |
-| `refreshing` | `boolean` | Controlled refreshing state |
 | `pullSearchHeight` | `number` | Reserve space above content for `PullSearch` |
 | `ref` | `RefObject<RNScrollView>` | Forward ref to the underlying scroll view |
+| `refreshing` | `boolean` | Controlled refreshing state |
 
 ---
 
@@ -122,14 +137,17 @@ Drop-in for React Native's `FlatList`. Accepts all `FlatListProps<T>` plus:
 
 | Prop | Type | Description |
 |------|------|-------------|
-| `renderFilters` | `ReactNode` | Rendered below `ListHeaderComponent`, above list items |
+| `chipProps` | `ChipProps` | Customize the scroll-to-top/start chip (label, style, etc.) |
+| `chipThreshold` | `number` | Scroll offset (px) before the chip appears. Default `100` |
 | `footerFixed` | `boolean` | Pin footer for this list; overrides provider |
-| `headerFixed` | `boolean` | Pin header for this list; overrides provider |
 | `gesture` | `GestureType` | Compose with an external RNGH gesture |
+| `headerFixed` | `boolean` | Pin header for this list; overrides provider |
 | `keyboardAware` | `boolean` | Add keyboard height to bottom content inset |
+| `onChipPress` | `() => void` | Additional callback fired when the chip is pressed |
 | `onRefresh` | `() => Promise<void> \| void` | Enables pull-to-refresh |
 | `pullSearchHeight` | `number` | Reserve space above content for `PullSearch` |
 | `ref` | `RefObject<RNFlatList>` | Forward ref to the underlying list |
+| `renderFilters` | `ReactNode` | Rendered below `ListHeaderComponent`, above list items |
 
 Performance props are user-overridable with sensible defaults:
 
@@ -165,20 +183,41 @@ import { CustomList } from '@rific/scroll-view'
 
 | Prop | Type | Description |
 |------|------|-------------|
+| `chipProps` | `ChipProps` | Customize the scroll-to-top chip (label, style, etc.) |
 | `component` | `ComponentType<P>` | The list component to render |
-| `renderFilters` | `ReactNode` | Rendered below `ListHeaderComponent`, above list items |
 | `footerFixed` | `boolean` | Pin footer; overrides provider |
-| `headerFixed` | `boolean` | Pin header; overrides provider |
 | `gesture` | `GestureType` | Compose with an external RNGH gesture |
+| `headerFixed` | `boolean` | Pin header; overrides provider |
 | `keyboardAware` | `boolean` | Add keyboard height to bottom content inset |
 | `onRefresh` | `() => Promise<void> \| void` | Enables pull-to-refresh |
 | `pullSearchHeight` | `number` | Reserve space above content for `PullSearch` |
+| `renderFilters` | `ReactNode` | Rendered below `ListHeaderComponent`, above list items |
 | `scrollRef` | `RefObject<{ scrollToOffset }>` | Forward ref to the underlying list |
 
 The underlying component receives `contentInset`, `contentOffset`, `onScroll`, `refreshControl`, and `scrollEventThrottle` — props it must support for the library to function.
 
 ---
 
+### `ChipProps`
+
+Passed via `chipProps` on any scroll component to customise the floating scroll-to-top chip. Accepts all `Chip` props from `@rific/auto-paper` except `compact`, `icon`, and `onPress` (which are managed by the library), plus:
+
+| Prop | Type | Description |
+|------|------|-------------|
+| `label` | `ReactNode` | Override the default label ("Top" / "Start") |
+| `style` | `ViewStyle` | Merged with the chip's default style |
+
+```tsx
+<FlatList
+  chipProps={{ label: 'Back to top', style: { opacity: 0.9 } }}
+  data={items}
+  renderItem={renderItem}
+  keyExtractor={(item) => item.id}
+/>
+```
+
+---
+
 ### `PullSearch`
 
 A search bar that lives above the list content and is revealed by pulling down. Use alongside `pullSearchHeight` on the scroll component.

package/dist/index.d.mts

@@ -1,13 +1,18 @@
 import * as react from 'react';
-import { ComponentType, ReactNode, RefObject } from 'react';
+import { ReactNode, ComponentType, RefObject } from 'react';
 import { NativeSyntheticEvent, NativeScrollEvent, StyleProp, ViewStyle, FlatListProps as FlatListProps$1, FlatList as FlatList$1, ScrollViewProps as ScrollViewProps$1, ScrollView as ScrollView$1, SectionListProps as SectionListProps$1, SectionList as SectionList$1 } from 'react-native';
 import { GestureType } from 'react-native-gesture-handler';
+import { ChipProps as ChipProps$1 } from '@rific/auto-paper';
 import * as redux from 'redux';
 import * as _reduxjs_toolkit from '@reduxjs/toolkit';
 import { PayloadAction } from '@reduxjs/toolkit';
 import * as react_native_reanimated from 'react-native-reanimated';
 import { SharedValue } from 'react-native-reanimated';
 
+type ChipProps = Omit<ChipProps$1, 'compact' | 'icon' | 'onPress'> & {
+    label?: ReactNode;
+};
+
 type ScrollToOffsetRef = {
     scrollToOffset: (params: {
         animated?: boolean;
@@ -15,12 +20,15 @@ type ScrollToOffsetRef = {
     }) => void;
 };
 type CustomListProps<P extends object> = Omit<P, 'contentInset' | 'contentOffset' | 'onScroll' | 'refreshControl' | 'scrollEventThrottle'> & {
+    chipProps?: ChipProps;
+    chipThreshold?: number;
     component: ComponentType<P>;
     renderFilters?: ReactNode;
     footerFixed?: boolean;
     gesture?: GestureType;
     headerFixed?: boolean;
     keyboardAware?: boolean;
+    onChipPress?: () => void;
     onMomentumScrollEnd?: (e: NativeSyntheticEvent<NativeScrollEvent>) => void;
     onRefresh?: () => Promise<void> | void;
     onScrollBeginDrag?: (e: NativeSyntheticEvent<NativeScrollEvent>) => void;
@@ -29,15 +37,18 @@ type CustomListProps<P extends object> = Omit<P, 'contentInset' | 'contentOffset
     scrollRef?: RefObject<ScrollToOffsetRef | null>;
     style?: StyleProp<ViewStyle>;
 };
-declare const CustomListInner: <P extends object>({ component: List, renderFilters, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, keyboardAware, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pullSearchHeight, scrollRef, style, ...props }: CustomListProps<P>) => react.JSX.Element;
+declare const CustomListInner: <P extends object>({ chipProps, chipThreshold, component: List, renderFilters, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, keyboardAware, onChipPress, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pullSearchHeight, scrollRef, style, ...props }: CustomListProps<P>) => react.JSX.Element;
 declare const CustomList: typeof CustomListInner;
 
 type FlatListProps<T> = Omit<FlatListProps$1<T>, 'onRefresh' | 'refreshing'> & {
+    chipProps?: ChipProps;
+    chipThreshold?: number;
     renderFilters?: ReactNode;
     footerFixed?: boolean;
     gesture?: GestureType;
     headerFixed?: boolean;
     keyboardAware?: boolean;
+    onChipPress?: () => void;
     onMomentumScrollEnd?: (e: NativeSyntheticEvent<NativeScrollEvent>) => void;
     onRefresh?: () => Promise<void> | void;
     onScrollBeginDrag?: (e: NativeSyntheticEvent<NativeScrollEvent>) => void;
@@ -45,7 +56,7 @@ type FlatListProps<T> = Omit<FlatListProps$1<T>, 'onRefresh' | 'refreshing'> & {
     pullSearchHeight?: number;
     ref?: RefObject<FlatList$1 | null>;
 };
-declare const FlatListInner: <T>({ contentContainerStyle: externalContentContainerStyle, data, initialNumToRender, maxToRenderPerBatch, renderFilters, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, horizontal, keyboardAware, ListHeaderComponent: externalListHeaderComponent, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pagingEnabled, pullSearchHeight, removeClippedSubviews, showsHorizontalScrollIndicator, showsVerticalScrollIndicator, style, onContentSizeChange, ref: externalRef, windowSize, ...props }: FlatListProps<T>) => react.JSX.Element;
+declare const FlatListInner: <T>({ chipProps, chipThreshold, columnWrapperStyle, contentContainerStyle: externalContentContainerStyle, data, initialNumToRender, keyExtractor, maxToRenderPerBatch, numColumns, renderFilters, renderItem, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, horizontal, keyboardAware, ListHeaderComponent: externalListHeaderComponent, onChipPress, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pagingEnabled, pullSearchHeight, removeClippedSubviews, showsHorizontalScrollIndicator, showsVerticalScrollIndicator, style, onContentSizeChange, ref: externalRef, windowSize, ...props }: FlatListProps<T>) => react.JSX.Element;
 declare const FlatList: typeof FlatListInner;
 
 type PullSearchHandle = {
@@ -89,10 +100,13 @@ declare const scrollViewActions: _reduxjs_toolkit.CaseReducerActions<{
 declare const scrollViewReducer: redux.Reducer<ScrollViewSettings>;
 
 type ScrollViewProps = ScrollViewProps$1 & {
+    chipProps?: ChipProps;
+    chipThreshold?: number;
     footerFixed?: boolean;
     gesture?: GestureType;
     headerFixed?: boolean;
     keyboardAware?: boolean;
+    onChipPress?: () => void;
     onRefresh?: () => void;
     onScrollBeginDrag?: (e: NativeSyntheticEvent<NativeScrollEvent>) => void;
     onScrollEndDrag?: (e: NativeSyntheticEvent<NativeScrollEvent>) => void;
@@ -100,7 +114,7 @@ type ScrollViewProps = ScrollViewProps$1 & {
     ref?: RefObject<ScrollView$1 | null>;
     refreshing?: boolean;
 };
-declare const ScrollViewInner: ({ children, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, horizontal, keyboardAware, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pullSearchHeight, refreshing, style, ...props }: ScrollViewProps) => react.JSX.Element;
+declare const ScrollViewInner: ({ chipProps, chipThreshold, children, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, horizontal, keyboardAware, onChipPress, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pullSearchHeight, refreshing, style, ...props }: ScrollViewProps) => react.JSX.Element;
 declare const ScrollView: typeof ScrollViewInner;
 
 type ScrollViewContextType = {
@@ -109,10 +123,14 @@ type ScrollViewContextType = {
     footerHeightShared: SharedValue<number>;
     footerFixed: boolean;
     footerOffset: SharedValue<number>;
-    headerHeight: number;
+    headerHeight: number | null;
     headerHeightShared: SharedValue<number>;
     headerFixed: boolean;
     headerOffset: SharedValue<number>;
+    jsListGeneration: RefObject<number>;
+    listGeneration: SharedValue<number>;
+    onJsListUnmount: () => void;
+    onListUnmount: () => void;
     progress: number | null;
     pullSearchHeightShared: SharedValue<number>;
     snapBackFooterShared: SharedValue<boolean>;
@@ -121,7 +139,7 @@ type ScrollViewContextType = {
     scrollHeight: number;
     scrollPosition: SharedValue<number>;
     setFooterHeight: (h: number) => void;
-    setHeaderHeight: (h: number) => void;
+    setHeaderHeight: (h: number | null) => void;
     setProgress: (p: number | null) => void;
     setProgressing: (b: boolean) => void;
     tabBarHeight: number;
@@ -167,20 +185,23 @@ declare const ScrollViewProvider: ({ blur, children, fixed, footerFixed, headerF
 type ScrollViewSettingsProviderProps = {
     children: ReactNode;
     onChange?: (settings: ScrollViewSettings) => void;
-    value?: Partial<ScrollViewSettings>;
+    initialValue?: Partial<ScrollViewSettings>;
 };
-declare const ScrollViewSettingsProvider: ({ children, onChange, value }: ScrollViewSettingsProviderProps) => react.JSX.Element;
+declare const ScrollViewSettingsProvider: ({ children, onChange, initialValue }: ScrollViewSettingsProviderProps) => react.JSX.Element;
 
 type SectionListProps<ItemT, SectionT extends {
     data: ReadonlyArray<ItemT>;
 } = {
     data: ReadonlyArray<ItemT>;
 }> = Omit<SectionListProps$1<ItemT, SectionT>, 'horizontal'> & {
+    chipProps?: ChipProps;
+    chipThreshold?: number;
     renderFilters?: ReactNode;
     footerFixed?: boolean;
     gesture?: GestureType;
     headerFixed?: boolean;
     keyboardAware?: boolean;
+    onChipPress?: () => void;
     onMomentumScrollEnd?: (e: NativeSyntheticEvent<NativeScrollEvent>) => void;
     onScrollBeginDrag?: (e: NativeSyntheticEvent<NativeScrollEvent>) => void;
     onScrollEndDrag?: (e: NativeSyntheticEvent<NativeScrollEvent>) => void;
@@ -191,7 +212,7 @@ declare const SectionListInner: <ItemT, SectionT extends {
     data: ReadonlyArray<ItemT>;
 } = {
     data: ReadonlyArray<ItemT>;
-}>({ contentContainerStyle: externalContentContainerStyle, initialNumToRender, maxToRenderPerBatch, renderFilters, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, keyboardAware, ListHeaderComponent: externalListHeaderComponent, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onContentSizeChange, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pullSearchHeight, refreshing, removeClippedSubviews, sections, showsVerticalScrollIndicator, style, ref: externalRef, windowSize, ...props }: SectionListProps<ItemT, SectionT>) => react.JSX.Element;
+}>({ chipProps, chipThreshold, contentContainerStyle: externalContentContainerStyle, initialNumToRender, maxToRenderPerBatch, renderFilters, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, keyboardAware, ListHeaderComponent: externalListHeaderComponent, onChipPress, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onContentSizeChange, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pullSearchHeight, refreshing, removeClippedSubviews, sections, showsVerticalScrollIndicator, style, ref: externalRef, windowSize, ...props }: SectionListProps<ItemT, SectionT>) => react.JSX.Element;
 declare const SectionList: typeof SectionListInner;
 
 declare const useKeyboardInset: () => number;
@@ -207,4 +228,4 @@ declare const useScrollView: () => {
 
 declare const useScrollViewSettings: () => ScrollViewSettingsContextType;
 
-export { CustomList, type CustomListProps, FlatList, type FlatListProps, PullSearch, type PullSearchHandle, type PullSearchProps, ScrollView, ScrollViewContext, type ScrollViewContextType, ScrollViewFooter, type ScrollViewFooterProps, ScrollViewHeader, type ScrollViewHeaderProps, type ScrollViewProps, ScrollViewProvider, type ScrollViewProviderProps, type ScrollViewSettings, ScrollViewSettingsContext, type ScrollViewSettingsContextType, ScrollViewSettingsProvider, type ScrollViewSettingsProviderProps, SectionList, type SectionListProps, defaultScrollViewSettings, scrollViewActions, scrollViewReducer, useKeyboardInset, useScrollView, useScrollViewSettings };
+export { type ChipProps, CustomList, type CustomListProps, FlatList, type FlatListProps, PullSearch, type PullSearchHandle, type PullSearchProps, ScrollView, ScrollViewContext, type ScrollViewContextType, ScrollViewFooter, type ScrollViewFooterProps, ScrollViewHeader, type ScrollViewHeaderProps, type ScrollViewProps, ScrollViewProvider, type ScrollViewProviderProps, type ScrollViewSettings, ScrollViewSettingsContext, type ScrollViewSettingsContextType, ScrollViewSettingsProvider, type ScrollViewSettingsProviderProps, SectionList, type SectionListProps, defaultScrollViewSettings, scrollViewActions, scrollViewReducer, useKeyboardInset, useScrollView, useScrollViewSettings };

package/dist/index.d.ts

@@ -1,13 +1,18 @@
 import * as react from 'react';
-import { ComponentType, ReactNode, RefObject } from 'react';
+import { ReactNode, ComponentType, RefObject } from 'react';
 import { NativeSyntheticEvent, NativeScrollEvent, StyleProp, ViewStyle, FlatListProps as FlatListProps$1, FlatList as FlatList$1, ScrollViewProps as ScrollViewProps$1, ScrollView as ScrollView$1, SectionListProps as SectionListProps$1, SectionList as SectionList$1 } from 'react-native';
 import { GestureType } from 'react-native-gesture-handler';
+import { ChipProps as ChipProps$1 } from '@rific/auto-paper';
 import * as redux from 'redux';
 import * as _reduxjs_toolkit from '@reduxjs/toolkit';
 import { PayloadAction } from '@reduxjs/toolkit';
 import * as react_native_reanimated from 'react-native-reanimated';
 import { SharedValue } from 'react-native-reanimated';
 
+type ChipProps = Omit<ChipProps$1, 'compact' | 'icon' | 'onPress'> & {
+    label?: ReactNode;
+};
+
 type ScrollToOffsetRef = {
     scrollToOffset: (params: {
         animated?: boolean;
@@ -15,12 +20,15 @@ type ScrollToOffsetRef = {
     }) => void;
 };
 type CustomListProps<P extends object> = Omit<P, 'contentInset' | 'contentOffset' | 'onScroll' | 'refreshControl' | 'scrollEventThrottle'> & {
+    chipProps?: ChipProps;
+    chipThreshold?: number;
     component: ComponentType<P>;
     renderFilters?: ReactNode;
     footerFixed?: boolean;
     gesture?: GestureType;
     headerFixed?: boolean;
     keyboardAware?: boolean;
+    onChipPress?: () => void;
     onMomentumScrollEnd?: (e: NativeSyntheticEvent<NativeScrollEvent>) => void;
     onRefresh?: () => Promise<void> | void;
     onScrollBeginDrag?: (e: NativeSyntheticEvent<NativeScrollEvent>) => void;
@@ -29,15 +37,18 @@ type CustomListProps<P extends object> = Omit<P, 'contentInset' | 'contentOffset
     scrollRef?: RefObject<ScrollToOffsetRef | null>;
     style?: StyleProp<ViewStyle>;
 };
-declare const CustomListInner: <P extends object>({ component: List, renderFilters, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, keyboardAware, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pullSearchHeight, scrollRef, style, ...props }: CustomListProps<P>) => react.JSX.Element;
+declare const CustomListInner: <P extends object>({ chipProps, chipThreshold, component: List, renderFilters, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, keyboardAware, onChipPress, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pullSearchHeight, scrollRef, style, ...props }: CustomListProps<P>) => react.JSX.Element;
 declare const CustomList: typeof CustomListInner;
 
 type FlatListProps<T> = Omit<FlatListProps$1<T>, 'onRefresh' | 'refreshing'> & {
+    chipProps?: ChipProps;
+    chipThreshold?: number;
     renderFilters?: ReactNode;
     footerFixed?: boolean;
     gesture?: GestureType;
     headerFixed?: boolean;
     keyboardAware?: boolean;
+    onChipPress?: () => void;
     onMomentumScrollEnd?: (e: NativeSyntheticEvent<NativeScrollEvent>) => void;
     onRefresh?: () => Promise<void> | void;
     onScrollBeginDrag?: (e: NativeSyntheticEvent<NativeScrollEvent>) => void;
@@ -45,7 +56,7 @@ type FlatListProps<T> = Omit<FlatListProps$1<T>, 'onRefresh' | 'refreshing'> & {
     pullSearchHeight?: number;
     ref?: RefObject<FlatList$1 | null>;
 };
-declare const FlatListInner: <T>({ contentContainerStyle: externalContentContainerStyle, data, initialNumToRender, maxToRenderPerBatch, renderFilters, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, horizontal, keyboardAware, ListHeaderComponent: externalListHeaderComponent, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pagingEnabled, pullSearchHeight, removeClippedSubviews, showsHorizontalScrollIndicator, showsVerticalScrollIndicator, style, onContentSizeChange, ref: externalRef, windowSize, ...props }: FlatListProps<T>) => react.JSX.Element;
+declare const FlatListInner: <T>({ chipProps, chipThreshold, columnWrapperStyle, contentContainerStyle: externalContentContainerStyle, data, initialNumToRender, keyExtractor, maxToRenderPerBatch, numColumns, renderFilters, renderItem, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, horizontal, keyboardAware, ListHeaderComponent: externalListHeaderComponent, onChipPress, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pagingEnabled, pullSearchHeight, removeClippedSubviews, showsHorizontalScrollIndicator, showsVerticalScrollIndicator, style, onContentSizeChange, ref: externalRef, windowSize, ...props }: FlatListProps<T>) => react.JSX.Element;
 declare const FlatList: typeof FlatListInner;
 
 type PullSearchHandle = {
@@ -89,10 +100,13 @@ declare const scrollViewActions: _reduxjs_toolkit.CaseReducerActions<{
 declare const scrollViewReducer: redux.Reducer<ScrollViewSettings>;
 
 type ScrollViewProps = ScrollViewProps$1 & {
+    chipProps?: ChipProps;
+    chipThreshold?: number;
     footerFixed?: boolean;
     gesture?: GestureType;
     headerFixed?: boolean;
     keyboardAware?: boolean;
+    onChipPress?: () => void;
     onRefresh?: () => void;
     onScrollBeginDrag?: (e: NativeSyntheticEvent<NativeScrollEvent>) => void;
     onScrollEndDrag?: (e: NativeSyntheticEvent<NativeScrollEvent>) => void;
@@ -100,7 +114,7 @@ type ScrollViewProps = ScrollViewProps$1 & {
     ref?: RefObject<ScrollView$1 | null>;
     refreshing?: boolean;
 };
-declare const ScrollViewInner: ({ children, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, horizontal, keyboardAware, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pullSearchHeight, refreshing, style, ...props }: ScrollViewProps) => react.JSX.Element;
+declare const ScrollViewInner: ({ chipProps, chipThreshold, children, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, horizontal, keyboardAware, onChipPress, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pullSearchHeight, refreshing, style, ...props }: ScrollViewProps) => react.JSX.Element;
 declare const ScrollView: typeof ScrollViewInner;
 
 type ScrollViewContextType = {
@@ -109,10 +123,14 @@ type ScrollViewContextType = {
     footerHeightShared: SharedValue<number>;
     footerFixed: boolean;
     footerOffset: SharedValue<number>;
-    headerHeight: number;
+    headerHeight: number | null;
     headerHeightShared: SharedValue<number>;
     headerFixed: boolean;
     headerOffset: SharedValue<number>;
+    jsListGeneration: RefObject<number>;
+    listGeneration: SharedValue<number>;
+    onJsListUnmount: () => void;
+    onListUnmount: () => void;
     progress: number | null;
     pullSearchHeightShared: SharedValue<number>;
     snapBackFooterShared: SharedValue<boolean>;
@@ -121,7 +139,7 @@ type ScrollViewContextType = {
     scrollHeight: number;
     scrollPosition: SharedValue<number>;
     setFooterHeight: (h: number) => void;
-    setHeaderHeight: (h: number) => void;
+    setHeaderHeight: (h: number | null) => void;
     setProgress: (p: number | null) => void;
     setProgressing: (b: boolean) => void;
     tabBarHeight: number;
@@ -167,20 +185,23 @@ declare const ScrollViewProvider: ({ blur, children, fixed, footerFixed, headerF
 type ScrollViewSettingsProviderProps = {
     children: ReactNode;
     onChange?: (settings: ScrollViewSettings) => void;
-    value?: Partial<ScrollViewSettings>;
+    initialValue?: Partial<ScrollViewSettings>;
 };
-declare const ScrollViewSettingsProvider: ({ children, onChange, value }: ScrollViewSettingsProviderProps) => react.JSX.Element;
+declare const ScrollViewSettingsProvider: ({ children, onChange, initialValue }: ScrollViewSettingsProviderProps) => react.JSX.Element;
 
 type SectionListProps<ItemT, SectionT extends {
     data: ReadonlyArray<ItemT>;
 } = {
     data: ReadonlyArray<ItemT>;
 }> = Omit<SectionListProps$1<ItemT, SectionT>, 'horizontal'> & {
+    chipProps?: ChipProps;
+    chipThreshold?: number;
     renderFilters?: ReactNode;
     footerFixed?: boolean;
     gesture?: GestureType;
     headerFixed?: boolean;
     keyboardAware?: boolean;
+    onChipPress?: () => void;
     onMomentumScrollEnd?: (e: NativeSyntheticEvent<NativeScrollEvent>) => void;
     onScrollBeginDrag?: (e: NativeSyntheticEvent<NativeScrollEvent>) => void;
     onScrollEndDrag?: (e: NativeSyntheticEvent<NativeScrollEvent>) => void;
@@ -191,7 +212,7 @@ declare const SectionListInner: <ItemT, SectionT extends {
     data: ReadonlyArray<ItemT>;
 } = {
     data: ReadonlyArray<ItemT>;
-}>({ contentContainerStyle: externalContentContainerStyle, initialNumToRender, maxToRenderPerBatch, renderFilters, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, keyboardAware, ListHeaderComponent: externalListHeaderComponent, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onContentSizeChange, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pullSearchHeight, refreshing, removeClippedSubviews, sections, showsVerticalScrollIndicator, style, ref: externalRef, windowSize, ...props }: SectionListProps<ItemT, SectionT>) => react.JSX.Element;
+}>({ chipProps, chipThreshold, contentContainerStyle: externalContentContainerStyle, initialNumToRender, maxToRenderPerBatch, renderFilters, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, keyboardAware, ListHeaderComponent: externalListHeaderComponent, onChipPress, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onContentSizeChange, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pullSearchHeight, refreshing, removeClippedSubviews, sections, showsVerticalScrollIndicator, style, ref: externalRef, windowSize, ...props }: SectionListProps<ItemT, SectionT>) => react.JSX.Element;
 declare const SectionList: typeof SectionListInner;
 
 declare const useKeyboardInset: () => number;
@@ -207,4 +228,4 @@ declare const useScrollView: () => {
 
 declare const useScrollViewSettings: () => ScrollViewSettingsContextType;
 
-export { CustomList, type CustomListProps, FlatList, type FlatListProps, PullSearch, type PullSearchHandle, type PullSearchProps, ScrollView, ScrollViewContext, type ScrollViewContextType, ScrollViewFooter, type ScrollViewFooterProps, ScrollViewHeader, type ScrollViewHeaderProps, type ScrollViewProps, ScrollViewProvider, type ScrollViewProviderProps, type ScrollViewSettings, ScrollViewSettingsContext, type ScrollViewSettingsContextType, ScrollViewSettingsProvider, type ScrollViewSettingsProviderProps, SectionList, type SectionListProps, defaultScrollViewSettings, scrollViewActions, scrollViewReducer, useKeyboardInset, useScrollView, useScrollViewSettings };
+export { type ChipProps, CustomList, type CustomListProps, FlatList, type FlatListProps, PullSearch, type PullSearchHandle, type PullSearchProps, ScrollView, ScrollViewContext, type ScrollViewContextType, ScrollViewFooter, type ScrollViewFooterProps, ScrollViewHeader, type ScrollViewHeaderProps, type ScrollViewProps, ScrollViewProvider, type ScrollViewProviderProps, type ScrollViewSettings, ScrollViewSettingsContext, type ScrollViewSettingsContextType, ScrollViewSettingsProvider, type ScrollViewSettingsProviderProps, SectionList, type SectionListProps, defaultScrollViewSettings, scrollViewActions, scrollViewReducer, useKeyboardInset, useScrollView, useScrollViewSettings };