如何使 TouchableOpacity 消失在我的屏幕底部后出现?

发布时间:2021-02-25 07:04

我是本机反应的新手,正在寻找可以为我解决此问题的库。 我的屏幕中央有一个 TouchableOpacity。现在我想要的是当用户向上滚动并且 TouchableOpacity 消失时,一个页脚应该出现在屏幕底部,并具有相同的 TouchableOpacity。

回答1

不看你的代码就很难正确解释它,但基本上你可以做的是使用反应原生的 ScrollView 方法 onScroll 并在函数中跟踪屏幕的偏移量并基于它渲染或隐藏像这样的页脚

<ScrollView onScroll={this.handleOffset} />

和函数

const handleOffset = (event) => {
console.log(event.nativeEvent.contentOffset.y);
if(event.nativeEvent.contentOffset.y > yourNumber){
 showFooter()
}else{
 hideFooter()
}
},