La imagen adjunta es una sola pantalla, con diferentes posiciones de desplazamiento. En el cuadro A, ese es el valor predeterminado, cuando la posición de desplazamiento contentOffset.y está en 0. El segundo cuadro muestra cuando contentOffset.y === >200. Quiero guardar la posición de desplazamiento en mi estado React y animar la base de vista en la posición de desplazamiento.

Estoy usando esta función para obtener la posición de desplazamiento y guardarla en el estado del componente.

 const handleOnScroll = (event: any) => { const { contentOffset } = event.nativeEvent const { y } = contentOffset if (y > 200) { setShowScreenTitle(true) setScrollPosition(y) } else { setShowScreenTitle(false) setScrollPosition(y)` } }

El problema que enfrenta ahora es un problema de rendimiento, ya que cada vez que cambia la posición de desplazamiento, la aplicación se actualiza, lo que hace que parezca que hay una falla. ¿Cómo puedo actualizar sin problemas los estados con la posición de desplazamiento sin problemas con un mejor rendimiento?