Why don't we have a LoadingComponent to show loading view?

[ajakka]

Problem Statement

Loading a list can take a while to get the data, usualy we would show some loading view like a skeleton view, but right now the only ways I see to do so are the following:

• use ListEmptyComponent with loading state, which is not ideal and leads to many bugs.
• use renderItem which is even more awkward and complicated to manage
• conditionally render either the FlashList or the Loading view, which is not bad, but also leads to visual glitches and bugs

Proposed Solution

Introduce a new property LoadingComponent that gets renderd based on a given isLoading property

Example Usage

<FlashList
    data={displayData}
    isLoading={isFetchingData}
    LoadingComponent={<SomeLoadingSkeleton/>}
/>

Priority

• Critical - Blocking my project
• High - Significant improvement to my workflow
• Medium - Would be nice to have
• Low - Minor enhancement

[naqvitalha]

It's so easy to render conditionally. Will it really add any real value?

{ isLoading ? <FlashList
    data={displayData}
    isLoading={isFetchingData}
    LoadingComponent={<SomeLoadingSkeleton/>}
/> : <SomeLoadingSkeleton /> }

[ajakka]

The only issue with this approach is that you lose the whole component and it sometimes leads to visual bugs or stagnated experience. I dont have an example on me anymore, but in previous projects I worked on, it wasn't ideal.

I guess it was because of the flashlist unmounting and remounting on the old arch