0
249
Vistas¿Cómo hacer que ScrollView vuelva automáticamente al origen?
Tengo un ScrollView como este:
const CustomComp=React.memo(({props...})=>{ return(<ScrollView horizontal={true}> {content...} </ScrollView>); });y cuando me desplazo hacia la derecha y luego vuelvo a renderizar, la posición x del desplazamiento permanece igual
¿Cómo hago para que vuelva a x=0 cada vez que se vuelve a renderizar?
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Puede usar el gancho useEffect y el método scrollTo de ScrollView.
Aquí hay un refrigerio para probarlo:https://snack.expo.dev/@truetiem/scroll-to-top-when-re-rendered
Primero cree una referencia para la vista de desplazamiento.
const scrollRef = useRef(); <ScrollView ref={scrollRef} horizontal>Y desplácese hacia arriba cuando se active useEffect.
useEffect(() => { scrollRef.current?.scrollTo({ x: 0, y: 0, animated: true }); });
·
Juan Pablo Isaza
Denunciar
Responde la pregunta