直接粘贴官网的代码,一直报错,可能因为我用了ts的原因,反正就是报错,后来在哪里看到了一个api,官网没有,用上了就不报错了,但是还是有些问题
<PullToRefresh
damping={60}
style={{
height: this.state.height,
overflow: 'auto',
}}
indicator={this.state.down ? {} : { deactivate: '上拉可以刷新' }}
direction={this.state.down ? 'down' : 'up'}
refreshing={this.state.refreshing}
onRefresh={this.handleRefresh}
distanceToRefresh={50}
getScrollContainer={()=>undefined}
>
{gameListDom}
<div className="foote" style={{display: gameList.length === 0 ? 'none' : 'block'}}> -- 到底啦 -- </div>
</PullToRefresh>
就是组件上的这个getScrollContainer 它需要的是一个函数或者reactNode节点,从名字上看是需要刷新的容器,但是我直接写undefined 也没错,官网的ref那个api我直接删掉了,不知道怎么用,而且我项目有ts 一直报错,删掉好像也没什么问题
那个style的height 我给的是屏幕的高度,或者100% 都可以,但是有一个问题就是页面滑到下面去往上滑的动作跟下拉的动作一样,会触发下拉刷新,然后列表就上不去,或者可以将高度定义成 calc(100vh - 170px)
这样是将整个页面上面170px的部门固定,看你们的需求,但是我现在想用前面那种,样式好看一些,但是又bug,有没有大神可以解决,如果页面是在最顶部才能坐下拉刷新的动作