Construyendo una aplicación nativa de reacción, estoy usando Firebase como un servicio de back-end.

// La última versión de react-native-firebase

Usé firestore y sus herramientas (startAfter, endBefore y limit) para construir una paginación simple para una gran colección de datos. Esta paginación usa los botones siguiente y anterior y todo funciona bien.

La cosa es que me gustaría deshabilitar estos botones si hay más datos para cargar o no.

En cuanto al botón anterior, crear un estado para seguir en qué página se encuentra el usuario y luego deshabilitar el botón cuando el estado es la página 1 debería ser lo suficientemente bueno. (Puede que no sea el mejor movimiento, así que siéntase libre de compartir si tiene una mejor solución)

Pero para el siguiente botón es más difícil. Investigué un poco y encontré algunas soluciones como usar el número límite. Si el límite es < al número de datos que se muestran en una página, desactive el botón. Funciona, pero mi problema es ¿qué sucede si el límite = número de datos en una página? Y no más datos para cargar después.

Para ser más precisos, tomemos un ejemplo límite = 9 / número de datos mostrados = 7 => botón deshabilitado ✅ límite = 9 / número de datos mostrados = 9 => botón aún activo ❌ (y estos 9 elementos son los últimos en quedarse quietos)

Estaba pensando en cambiar mi llamada para quizás poner un límite de 10, en lugar de 9 actualmente. Y seguir mostrando solo 9 elementos en cada página (todavía haciendo un seguimiento de este noveno elemento para el accesorio lastVisible para llamar a startAfter desde él y no desde el décimo elemento). Luego verifique si este décimo elemento existe o no para deshabilitar el siguiente botón. Pero todo esto es teoría y, por ahora, no veo la manera de hacerlo sin romper mis llamadas endBefore y startAfter demasiado.

Me gustaría saber qué piensa sobre esta solución, tal vez si pudiera ayudarme a usarla correctamente. O tal vez si tienes otra solución para lograr mi objetivo.

Gracias por tu tiempo