[英]How can I use ScrollTo in React Native?
我对 React Native 很陌生,我正在开发一个用于广告的应用程序,其中有类别和广告列表。 我想要 animation 当用户点击一个类别时,屏幕应该向下滚动到“最新广告”部分。 我没有使用 ScrollView,我使用了两个平面列表,一个用于类别,另一个用于产品/广告。
我已尝试使用scrollTo()
,如本机文档 ( https://reactnative.dev/docs/scrollview#scrollto ) 中所示,请帮忙。
下面是我的 JSX 文件中的部分代码,它给我一个错误:
//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();
};
您需要使用ref来滚动
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
...
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.