0

I am building an app using ReactJS and Ionic v6.

On a page I've made a "pull to refresh", it works well but the issue I am facing is that while it is refreshing, my entire page scroll is locked...

I can't navigate (scroll) through my page while refreshing

Here's how implemented the pull to refresh :

 <IonPage>
      <IonContent>
        <IonRefresher
          slot="fixed"
          onIonRefresh={handleRefresh}
          pullFactor={0.5}
          pullMin={40}
        >
          <IonRefresherContent
            pullingIcon="arrow-down-outline"
            pullingText="Tirer pour actualiser..."
            refreshingSpinner="crescent"
          ></IonRefresherContent>
        </IonRefresher>
 
        <main className="content">
         ...
        </main>
      <IonContent/>
<IonPage/>

Is there a way to make the pull to refresh "non-blocking" ?

Thanks for your help !

Improve this question
2
  • 1
    No, there isn't. The whole point to refresh is changing content. Sounds like what you want is "infinite scroll" Commented Jan 10, 2023 at 13:25
  • I wanted to make a pull to refresh as in iOS Mail or Outlook app... you can tigger refresh by pulling but still can interact with the app while refreshing (when loading is finished, the spinner just disappears and data updates but nothing "locks" the app... Commented Jan 11, 2023 at 9:16
Related questions
1
problem with format date in react component
1
Format date pulled from API - React
1
Date format exception in reactjs
Load 7 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.