IntersectionObserverEntry 🧪
Esta página fue traducida por PageTurner AI (beta). No está respaldada oficialmente por el proyecto. ¿Encontraste un error? Reportar problema →
Esta página fue traducida por PageTurner AI (beta). No está respaldada oficialmente por el proyecto. ¿Encontraste un error? Reportar problema →
Esta API solo está disponible actualmente en los canales Canary y Experimental de React Native.
Si quieres probarla, por favor habilita el Canal Canario en tu aplicación.
La interfaz IntersectionObserverEntry, según se define en las especificaciones web. Describe la intersección entre el elemento objetivo y su contenedor raíz en un momento específico de transición.
Las instancias de IntersectionObserverEntry se entregan al callback de un IntersectionObserver en su parámetro entries.
Referencia
Propiedades de instancia
boundingClientRect
Consulta la documentación en MDN.
Devuelve el rectángulo de límites del elemento objetivo como un DOMRectReadOnly.
intersectionRatio
Consulta la documentación en MDN.
Devuelve la proporción entre intersectionRect y boundingClientRect.
intersectionRect
Consulta la documentación en MDN.
Devuelve un DOMRectReadOnly que representa el área visible del objetivo.
isIntersecting
Consulta la documentación en MDN.
Valor booleano que es true si el elemento objetivo intersecta con la raíz del observador de intersección. Si es true, el IntersectionObserverEntry describe una transición hacia un estado de intersección; si es false, indica una transición desde intersección a no-intersección.
rnRootIntersectionRatio ⚠️
No estándar
Esta es una extensión específica de React Native.
Devuelve la proporción entre intersectionRect y rootBounds.
get rnRootIntersectionRatio(): number;
Es análogo a intersectionRatio, pero calculado en relación al cuadro delimitador de la raíz en lugar del objetivo. Corresponde a la opción rnRootThreshold y permite determinar qué porcentaje del área raíz está cubierto por el elemento objetivo.
rootBounds
Consulta la documentación en MDN.
Devuelve un DOMRectReadOnly para la raíz del observador de intersección.
target
Consulta la documentación en MDN.
El Element cuya intersección con la raíz ha cambiado.
time
Consulta la documentación en MDN.
Un DOMHighResTimeStamp que indica el momento en que se registró la intersección, relativo al origen temporal del IntersectionObserver.