Open bloggerklik opened 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)
it now works much better. Mind-blowing 🤯 Video Before, After
https://github.com/Shopify/flash-list/assets/132438817/afcb7049-b808-4727-b50b-adb38a62ea03
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
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.
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.
Has anyone looked at the data before and after the slice(0) to see what the difference is?
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: