Shopify / flash-list

A better list for React Native
https://shopify.github.io/flash-list/
MIT License
5.58k stars 284 forks source link

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

Open bloggerklik opened 1 year ago

bloggerklik commented 1 year ago

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 commented 1 year ago

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 commented 1 year ago

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

https://github.com/Shopify/flash-list/assets/132438817/afcb7049-b808-4727-b50b-adb38a62ea03

damieng57 commented 1 year ago

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 commented 10 months ago

https://github.com/Shopify/flash-list/assets/151003241/a6041aa2-3ff2-42f1-9f5a-67a4de4471a0

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 commented 10 months ago

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.

tkserver commented 1 month ago

Has anyone looked at the data before and after the slice(0) to see what the difference is?