question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

IOS using refresher content blinks

See original GitHub issue

I’m writing an Ionic2 app and I need to use ion-refresher to update list of items. Each item in the list has thumbnail. Clicking on thumbnail creates modal with full image in it. On IOS this click causes screen blink before modal will appear. This happens ONLY if using refresher component.

Here is the code example:

<ion-content padding>
  <ion-refresher (ionRefresh)="refreshList()" (ionPull)="ionPull($event)" (ionStart)="ionStart($event)" pullMin="100" pullMax="180">
    <ion-refresher-content
      pullingText="Pull to refresh" refreshingText="Refreshing...">
    </ion-refresher-content>
   </ion-refresher>

  <ion-list>
    <ion-item-sliding *ngFor="let receipt of receipts" #slidingItem>
      <ion-item>
        <ion-thumbnail item-left (tap)="expandImage(receipt)">
          <img src="{{receipt.receipt100_path}}">
        </ion-thumbnail>
        <h2>{{receipt.name}}</h2>
        <p>Updated at: {{receipt.receipt_updated_at | amCalendar }}</p>
      </ion-item>
      <ion-item-options side="right">
          ...some code here
      </ion-item-options>
    </ion-item-sliding>
  </ion-list>
</ion-content>

Also, using sliding list gives very bad user-experience: when u try to slide item to reveal actions (in my case), refresher starts appearing, because during sliding of item ionPull event triggers many times (depending of the speed of sliding).

As a result, right now Refresher is not usable. Please provide some help or feedback on this.

Thanks

Ionic version 2.0.0-beta.32 IOS 9.3

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:9 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
alexbainbridgecommented, Feb 9, 2017

I know this is OLD - but is there a chance this issue has come back recently (e.g. 2 final). I certainly have it now…

  • image that has a click surface on it, within a list that can also be pulled down to refresh
  • hard to tell after if a user is clicking or refreshing
  • screen blinks
  • click action happens

Sadly this issue isn’t connected to any commit that fixed it so tricky to know what was the original fix.

Will open a new issue after a wait to see if the original people on this issue see it again?

Thanks. Alex

0reactions
ionitron-bot[bot]commented, Sep 4, 2018

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

Read more comments on GitHub >

github_iconTop Results From Across the Web

IOS using refresher content blinks - ionic-v3
I'm writing an Ionic2 app and I need to use ion-refresher to update list of items. Each item in the list has thumbnail....
Read more >
IOS using refresher content blinks · Issue #7507 · ionic-team ...
I'm writing an Ionic2 app and I need to use ion-refresher to update list of items. Each item in the list has thumbnail....
Read more >
iOS 16 screen flickering issue - Apple Community
The issue seems to primarily occur while interacting with the apps, like background would flicker while playing a video but will stop when...
Read more >
UITableView Flickering with UIRefreshControl - Stack Overflow
The UITableView on reload data, flickers. I use autolayout to update the dynamic cell heights. Here is a sample code that can recreate...
Read more >
iPhone 12 Screen Flickering? Here's how you fix it! - iKream
It's possible that the screen flickering is just due to some minor firmware glitches.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found