Images randomly get swapped on Android

[alexziskind1]

Please, provide the details below:

On Android (not iOS) images that are either deployed as resources or in a separate folder sometimes get swapped for other images at random. The repository with all the code is listed below and a video was created to demonstrate the problem.

Did you verify this is a real problem by searching Stack Overflow and the other open issues in this repo?

I could not find an existing issue.

Which platform(s) does your issue occur on?

iOS/Android/Both
The problem is on Android. It is working fine on iOS.

Please provide the following version numbers that your issue occurs with:

• CLI: 2.5.2
• Cross-platform modules: 2.5.1
• Runtime(s): 2.5.0 for iOS and Android
• Plugin(s):
  "nativescript-angular": "1.4.1",
  "nativescript-telerik-ui": "1.6.1",
  "nativescript-theme-core": "1.0.3",
  "reflect-metadata": "0.1.10",
  "rxjs": "5.2.0",
  "tns-core-modules": "2.5.1"

Please tell us how to recreate the issue in as much detail as possible.

I created a video of the problem and it can be seen on youtube here: https://youtu.be/WUszWXxHjWI
Clone the repo and run the project. I use Genymotion as my emulator on Mac Sierra and I've tried this on two different Macs.

Is there code involved? If so, please share the minimal amount of code needed to recreate the problem.

Yes, the complete project is in the following repo: https://github.com/alexziskind1/looptidoo

Thanks,
Alex

[NickIliev]

Hey, @alexziskind1 we've tested your application on several AVD emulators and on several real devices (API25, API23 and API19) and it seems that this issue is only reproducible under one LG G3 API19 and in the same time everything is working as expected on the other AVD emulators and devices. I had a similar issue caused by the Geny emulators (the reason I stopped using Genymotion).

Can you try testing your application against a real device or an AVD emulator.

Meanwhile, I will investigate what's the reason for this one to be reproducible only on a single LG device and will come back to you when additional info is available

[davek1979]

I'd like to report I have encountered the same problem on a generic 10.1 WXGA Tablet AVD emulator.
I have 2 different images in my view and somehow, the view contained the same image twice despite having been recompiled and resynced on emulator start. XML contained the correct markup of course. Only a subsequent resync corrected the issue. Cannot comment on iOS as my project is Android only for now.

[alexziskind1]

Just tried with a standard (non-Genymotion) Android emulator and the problem doesn't exist there.
For those interested, I'm now using an AVD with the following config:
Nexus 5
Android 7.1.1 API Level 25
Google APIs Intel Atom (x86) (with HAXM)
RAM 2048 VM Heap 64
Storage 500MiB

--

[alexziskind1]

Yes the issue is not solved as it is still happening on Geny and even other android AVD. But for those folks that need to have a temporary working alternative, I've provided some settings. This is still a problem though.

[alexziskind1]

@NickIliev I've moved the effected code into the master branch in the referenced repo. I omitted the branch in my original post.

[NickIliev]

related to #2861

Note - The issue is not related to file naming and occurs randomly only on some specific devices and mainly when using Genymotion.

[TLmaK0]

Same problem here, this happens after last release I did without change app code. It was working until last month. I think it's a problem with a library update.

edit: The app list images, I have increased the image list in the backend, so It could be a memory problem as @alexziskind1 said.

[SvetoslavTsenov]

Also reproducible with Groceries on api level 19

[codeback]

I am experiencing the same problem. Please, see attached file.

And here and example view:

<RadListView [items]="dataItems" class="container" loadOnDemandMode="Auto" (loadMoreDataRequested)="onLoadMoreItems($event)">
  <ng-template tkListItemTemplate let-item="item">

    <GridLayout [nsRouterLink]="['/products', item._id]">
      <CardView row="0" col="0" shadowColor="#FE00FC" elevation="5" margin="10">
        <GridLayout rows="100, auto" columns="*">

          <Image row="0" col="0" [src]="item.mainImage.medium" decodeHeight="100" stretch="aspectFill"></Image>

          <StackLayout row="0" height="30" class="productPriceTag" horizontalAlignment="right" verticalAlignment="center">
            <Label [text]="item.currentValue | currency:item.currency:true:'1.0-2'" verticalAlignment="center" textWrap="true"></Label>
          </StackLayout>

          <StackLayout row="1" orientation="vertical">
            <Label col="0" class="productName" horizontalAlignment="center" verticalAlignment="center" [text]="item.name" class="m-5"></Label>
          </StackLayout>

        </GridLayout>
      </CardView>
    </GridLayout>

  </ng-template>

  <ListViewGridLayout tkListViewLayout scrollDirection="Vertical" itemHeight="200" spanCount="2"></ListViewGridLayout>

</RadListView>

I've installed the latest version of tns-core-modules (tns-core-modules@3.1.0-2017-05-17-6629) and the problem persists.

Is there any way to test the proposed solution?

Thanks!

[hshristov]

@codeback You need the latest version of tns-core-modules-widgets@next

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.