Open Zhao-qiangqiang opened 5 years ago
@Zhao-qiangqiang 请问你这个问题解决了吗?
@Zhao-qiangqiang @yoyo0427 我也遇到了上拉加载无法拿到滑动距离的问题,请问有解决办法了吗?
@Zhao-qiangqiang @yoyo0427 刚仔细看了API,试试这个 ,亲测有效
onScroll={Animated.event( [{ nativeEvent: { contentOffset: { y: this.state.scrollY } } }], { useNativeDriver: true, listener: (event) => console.log(event.nativeEvent.contentOffset.y) } )}
@zengfuzhou 监听的对象都拿到了,滚动的距离自然也拿到了,上拉加载应该是没问题的
是
@ Zhao- qiangqiang @ yoyo0427 刚仔细看了API,试试这个,亲测有效
onScroll={Animated.event( [{ nativeEvent: { contentOffset: { y: this.state.scrollY } } }], { useNativeDriver: true, listener: (event) => console.log(event.nativeEvent.contentOffset.y) } )}
这个方法是可以 但是会非常卡顿
两个scrollView嵌套
在原生中有解决方案,我试着拿到RN里,但是效果不理想,因为RN里scrollView的onScroll回调和setContentOffset是异步的,不过也不是没有办法,https://github.com/software-mansion/react-native-gesture-handler 里有手势冲突处理的demo,可以试着看一下。
楼上以及未来楼下的大佬们,吸顶效果有其他方案吗
楼上以及未来楼下的大佬们,吸顶效果有其他方案吗
朋友,你找到解决方案了吗,我也在寻找
function Experts() {
const [list, setList] = useState([])
const [sectionList, setSectionList] = useState([])
useEffect(() => {
setList(new Array(20).fill(0))
}, [])
useEffect(() => {
setSectionList([
{
title: 'Sticky Tab',
data: list,
},
])
}, [list])
return (
<SectionList
stickySectionHeadersEnabled
sections={sectionList}
keyExtractor={(item, index) => item + index}
renderItem={({ item }) => <ItemCompoment/>}
renderSectionHeader={({ section: { title } }) => <StickyCompoment />}
/>
)
}
我们可以用SectionList的SectionHeader吸顶来实现。把FlatLIst的data放到SectionList的sections[0].data里面
上拉加载没办法监听到啊?并且onscroll里面也没办法实时拿到滑动的距离