triniwiz / triniwiz/nativescript-plugins
[@triniwiz/nativescript-image-cache-it] Image flicker when updating Listview
Nobody has claimed this yet.
- Dominant language
- C
- Stars
- 87
- Forks
- 57
- Avg merge
- 1h 36m
- Merged PRs (30d)
- 4
Description
Nativescript version: 8.0.8
Plugin version: 7.0.8
Problem description:
I'm experiencing the same flicker problem as described here (although with a typescript project, not Vue). I have a standard Listview, backed by an Observable Array in which each item contains an image URL and some text. When the array is updated, each of the images blanks and then reappears, even though the URL has not changed - which causes a rather nasty flicker. If I replace the ImageCacheIt tag with a standard Image tag, then the problem goes away.
Unfortunately, the suggested workaround of using the community CollectionView doesn't work for me (breaks the item display in multiple ways). Would it therefore be possible to implement the "listview refresh" fix you alluded to in that issue report?
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reviewing the related issue 85 and reproducing the flicker with NativeScript 8.0.8, plugin 7.0.8, a TypeScript ListView, and an updated Observable Array. Compare the ImageCacheIt behavior with a standard Image and verify that the existing image remains visible when the array refreshes.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100