Soy bastante nuevo en React Native, estoy desarrollando una aplicación para publicidad donde hay categorías y listados de anuncios. Me gustaría tener la animación cuando el usuario hace clic en una categoría, la pantalla debería desplazarse hacia abajo hasta la sección con "Últimos anuncios". No estoy usando ScrollView, he usado dos Flatlists, uno para las categorías y el otro para productos/anuncios.
He intentado usar scrollTo() como se muestra en la documentación nativa de React ( https://reactnative.dev/docs/scrollview#scrollto ). Por favor, ayuda.
A continuación se muestra parte de mi código en mi archivo JSX que me da un error:
//Scroller code starts const myScroller = () => { scrollTo({ x: 0, y: 90, animated: true }); }; // Scroller code ends const handleSelectCategory = (item) => { setSearchData((prevSearchData) => { return { ...prevSearchData, categories: item.term_id, page: 1 }; }); dispatch({ type: "SET_CAT_NAME", cat_name: [item.name], }); setLoading(true); myScroller(); };Necesitas usar ref para desplazarte
import { useRef } from 'react'; ... ... const scrollRef = useRef(null); // inside your function component ... const myScroller = () => { scrollRef ?.current ?.scrollTo({ x: 0, y: 90, animated: true }); }; ... <FlatList ref={scrollRef} // put reference in FlatList which need to scroll ...