`onEndReached`not triggered with conditional`ListFooterComponent`

[kirkas]

Description

When using LegendList with a conditional ListFooterComponent:

<LegendList
  ...
  onEndReached={onEndReached}
  ListFooterComponent={isLoadingNext ? <LoadingNextFallback /> : null}
/>

The onEndReached callback fails to fire when isLoadingNext is false and ListFooterComponent is null. This pattern is commonly used to show a loading skeleton only while fetching the next page of results.

Expected Behavior

onEndReached should trigger based on scroll position regardless of whether ListFooterComponent is null.

Actual Behavior

onEndReached is never called unless ListFooterComponent is a non-null element, which breaks infinite scroll behavior when using the typical conditional rendering pattern.

Steps to Reproduce

1. Pass an onEndReached handler.
2. Use a conditional footer:

   ListFooterComponent={isLoadingNext ? <LoadingNextFallback /> : null}

3. Scroll to the end — note that onEndReached does not fire.

Suggested Fix

Ensure onEndReached triggers properly based on scroll position regardless of the presence or absence of ListFooterComponent.

Temporary Workaround

Replace null with an empty View to preserve layout continuity:

[dream11-atharva]

@kirkas tried same steps to reproduce the issue , but onEndReached is getting triggered as expected , even when passing the condition as you mentioned.

[vilavren]

@kirkas

The onEndReached callback fails to fire when isLoadingNext is false and ListFooterComponent is null. This pattern is > commonly used to show a loading skeleton only while fetching the next page of results.

I make sure that the loading at the bottom is always shown, and turn it off when there is nothing more to load.
there will be no extra renders.

 const ListFooterComponent = useCallback(() => {
    return isShowLoadingNextPage && <Loader />
  }, [isShowLoadingNextPage])

onEndReached - works