滚动反应原生后如何检查元素是否可见?(跟踪展示次数和点击次数) [英] How to Check if element is visible after scrolling for react-native? (tracking impressions and clicks)
本文介绍了滚动反应原生后如何检查元素是否可见?(跟踪展示次数和点击次数)的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
如何在滚动 react-native 后检查元素是否可见?看到了一些反应的例子,但我专门寻找反应原生.想要跟踪展示次数和点击次数
解决方案
最终实现了一个库
How do I Check if element is visible after scrolling for react-native? saw some examples for react, but am looking specifically for react-native. Would like to track impressions and clicks
解决方案
ended up implementing a lib
https://www.npmjs.com/package/react-native-component-inview
import InView from 'react-native-component-inview'
const [isInView, setIsInView] = useState(false)
const checkVisible = (isVisible:boolean) => {
if (isVisible){
setIsInView(isVisible)
} else {
setIsInView(isVisible)
}
}
<ScrollView>
<InView onChange={(isVisible) => this.checkVisible(isVisible)}>
<View style={[styles.item, {backgroundColor: isInView ? 'yellow' : '#f9c2ff'}]}>
<Text>yay</Text>
</View>
</InView>
</ScrollView>
References:
https://medium.com/@sanishkr/react-components-tracking-impressions-and-clicks-2fc9af1cc2c
这篇关于滚动反应原生后如何检查元素是否可见?(跟踪展示次数和点击次数)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文