滚动视图:
<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(使用前将#替换为@)