triniwiz / triniwiz/nativescript-plugins

[@triniwiz/nativescript-image-cache-it] Image flicker when updating Listview

Open
#84 5 comments 0 reactions 0 assignees View on GitHub

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

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.