@React/Ionic Infinite Scroll - Show msg/toast at the end of scrolling

Hello everyone,

How to tell Ionic/React to show a message/toast for example, when we are at the end of the scrollable list ?

Thank you.

@ldebeasi do you have an idea about my question here ?


Are you trying to show a toast once you have run out of items to display? If so, you should present the toast after you set disabled="true" on the infinite scroll component.

In React, the code would look something like this:

const loadData = (ev: any) => {
    setTimeout(() => {
      console.log('Loaded data');
      if (data.length == 1000) {

        // Show the toast using an overlay hook
    }, 500);

You can see examples of how to use overlay hooks here: Using Overlay Components in React - Ionic Documentation

1 Like