如何显示分页scrollView的当前页码?

2023-12-27

滚动视图:

<View style={{flex:1}}>
    <ScrollView
        ref={(component) => {this._scrollView = component}}
        scrollEventThrottle={15}
        removeClippedSubviews={true}
        pagingEnabled={true}
        horizontal={true}
        onScroll={this._onScroll.bind(this)}>
        {items}
   </ScrollView>
   <Text style={styles.legend}>{this.state.currentPage}/{9}</Text
</View>

_onScroll:这个方法计算当前页码是多少

_onScroll(e) {
    let newPageNum = parseInt(e.nativeEvent.contentOffset.x/WINDOW_WIDTH+1);

    newPageNum != this.state.currentPage && this.setState({
        currentPage: newPageNum
    });
}

我认为代码行没问题,但是当我平移时scrollView到下一页,它将向后滚动。一旦我删除了代码行_onScroll,问题可以解决,但是无法计算当前页码。


Math.round(parseFloat(event.nativeEvent.contentOffset.x/Dimensions.get('window').width));

会解决你的问题。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何显示分页scrollView的当前页码? 的相关文章

随机推荐