时间戳

首页 > 解决方案 > 一旦 TouchableOpacity 消失，如何让它出现在我的屏幕底部？

javascript - 一旦 TouchableOpacity 消失，如何让它出现在我的屏幕底部？

问题描述

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

标签： javascriptandroidreactjsreact-native

解决方案

很难正确解释它，而不看你的代码，但基本上你可以做的是使用 react-native ScrollView 方法 onScroll 并在函数中跟踪屏幕的偏移量并基于它渲染或隐藏页脚这个

<ScrollView onScroll={this.handleOffset} />

和功能

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

推荐阅读