如何在滚动后检查元素是否可见?看到了一些 react 的例子,但我正在专门寻找 react native 。想要跟踪展示次数和点击次数
最佳答案
最终实现了一个库
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>
引用资料:
https://medium.com/@sanishkr/react-components-tracking-impressions-and-clicks-2fc9af1cc2c
关于reactjs - 滚动后如何检查元素是否可见? (跟踪展示次数和点击次数),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59403686/