scrollToLocatoin不是一个函数:反应本地滑动列表视图



我试图通过点击按钮来实现滚动到顶部的功能,以滚动到滑动列表视图的顶部位置,并试图从SectionList访问方法scrollToLocation,但我无法使用SwipeListView的引用来访问它。所以我需要帮助如何实现它。下面是来自render函数的代码。

<SwipeListView
useSectionList={true}
sections={this.state.data}
keyExtractor={(item, section) => item.key }
renderItem={this.renderRow}
renderHiddenItem={this.renderHiddenItems}
renderSectionHeader={this.renderSectionHeader}
rightOpenValue={-75}
stopRightSwipe={-75}
previewRowKey={'0'}
closeOnRowPress={true}
previewOpenValue={-40}
onRowDidOpen={this.onRowDidOpen}
stickySectionHeadersEnabled={false}
bounces
disableRightSwipe={true}
enableEmptySections={false}
tension={20}
scrollsToTop={true}
onEndReachedThreshold={0.99}
onEndReached={() => {
this.setState({ isScrollToTopVisible: !this.state.isScrollToTopVisible })
}}
ref={(ref) => this.sectionListRef = ref }
/>

滚动到列表顶部的代码。

scrollToTop() {
this.sectionListRef.scrollToLocation({ offset : 0, animated : true })
}

操作系统:iOS 12.1

React Native版本:v0.59.8

React原生滑动列表视图版本:v2.0.3

列表视图的引用:listViewRef ={ ref => this.sectionListRef = ref }

和滚动条功能应该像:

scrollToTop() {
this.sectionListRef.scrollToLocation({
animated: true,
itemIndex: 0,
sectionIndex: 0,
viewOffset: 0,
});
}

相关内容

  • 没有找到相关文章

最新更新