Is there a plan to support onStartReached for version 0.72+?

[chinamcafee]

I use React Native 0.72 and the new prop onStartReached of FlatList is useful for me. But it seems that onStartReached is not supported in FlashList. Is there a plan to support onStartReached or is there any workaround?

[rainerllera]

@chinamcafee did you find any workaround?

[chinamcafee]

@chinamcafee did you find any workaround?

Sorry I didn't notice your comment, but I just use original FlatList in RN to use onStartReached props, I'm looking forward FlashList can support this props, perhaps hungtranauthentia wrote the workaround for this prop below could works, I'll try it in my spare time.

[abdelhameedhamdy]

Any plans to support this prop soon !

[maksim-romanov]

Any updates? so exited to see this feature!

[guihendias]

This feature is much needed! 🙏

[hungtranauthentia]

I wrote a workaround for this prop

const canMomentum = useRef(false);
const onMomentumScrollBegin = useCallback(() => {
  canMomentum.current = true;
}, []);

/**
 * @shopify/flash-list doesn't support onStartReached
 * Implement a workaround with using {onMomentumScrollEnd}
 *
 * https://reactnative.dev/docs/virtualizedlist#onstartreachedthreshold
 * How far from the start (in units of visible length of the list) the leading edge of the list must be from the start of the content to trigger the onStartReached callback. Thus, a value of 0.5 will trigger onStartReached when the start of the content is within half the visible length of the list.
 */
const onMomentumScrollEnd = useCallback(
  ({ nativeEvent: { contentOffset, layoutMeasurement } }: NativeSyntheticEvent<NativeScrollEvent>) => {
    if (!canMomentum.current) return;

    const onStartReachedThreshold = props.onStartReachedThreshold ?? 0.5;
    const distanceFromStart = contentOffset.y;
    if (distanceFromStart <= layoutMeasurement.height * onStartReachedThreshold) {
      onStartReached();
    }

    canMomentum.current = false;
  },
  [props.onStartReachedThreshold],
);

return (
  <FlashList
    {...flashListProps}
    inverted
    onMomentumScrollBegin={onMomentumScrollBegin}
    onMomentumScrollEnd={onMomentumScrollEnd}
    // onStartReached={onStartReached}
/>
)