This is how I solved the white spaces / blank problem.

[bloggerklik]

Hi, there are a lot of questions and discussions about white spaces / blank. In my case I accidentally solved the problem with the following method. No matter how fast I scroll, the white space does not appear. I don't know why but my problem was solved with slice() . Can you confirm too?

Example:

    const data = myData.slice(0);

    <FlashList
        data={data}

[rishavnaskar-groww]

Hi, there are a lot of questions and discussions about white spaces / blank. In my case I accidentally solved the problem with the following method. No matter how fast I scroll, the white space does not appear. I don't know why but my problem was solved with slice() . Can you confirm too?

Example:

    const data = myData.slice(0);

    <FlashList
        data={data}

Worked for me too! Idk why though 😂 (It happened to me only in iOS)

[lekbit]

it now works much better. Mind-blowing 🤯 Video Before, After

Screenrecorder-2023-07-04-13-10-52-306.mp4

[damieng57]

I have something weird too but resolve it by the .slice(0) trick.

I work with Realm and if I set my data directly with a realm collection, when I try to delete an element, I get an error [https://stackoverflow.com/questions/75532357/encountered-two-children-with-the-same-key-in-react-native](duplicate children). My key extractor is correctly set and I don't have this issue with a Flatlist/VirtualizedList.

However, that doesn't fix the blank issue on my app:
react-native 0.71.11
realm 11.9.0
flashlist 1.4.3

[vishal-nayak07]

Blank.screen.issue.mp4

Still facing the blank screen issue even after updating with .slice(0) changes on data. I have a large amount of data to render.
I am also using Realm to get data, performing filtering on that data and storing into redux.

[dippathak1912]

Have the same issue.

"@shopify/flash-list": "^1.5.0",
"react-native": "^0.70.1",
"react": "18.1.0"

Is there any way out of this? Issue is closed but still facing it.