nw-flatlist
列表组件
说明
无限滚动列表组件,虽然现实中不可能是无限滚动的,但是改组件会把远离可视区域的DOM移除以节省内存和改善滚动性能。
一开始使用的react-infinite,但是该组件需要指定每个item的高度,但实际场景中高度是不固定的
后来看试用了下react-virtualized,结果初始渲染时没有正确地布局好,可能是我使用上的问题
安装
$ npm i nw-flatlist
示例
{ const item style = thisprops return <div style=style></div> } { const dispatch since_time eventId loaded loading = thisprops; if loaded || loading return; ; } { let text if loading text = '载入中...' else if loaded text = '没有更多' if text return <div className=slateStyleslate>text</div> return null } { const style = height: '200px' const list = thisprops return <div style=style> <Flatlist ckey="cid" renderIndicator=thisrenderIndicator list=list loadMore=thisonlistload ItemComponent=Comment /> </div> } const mapStateToProps = { return comments: statecommentslist since_time: statecommentssince_time loaded: statecommentsloaded loadFail: statecommentsloadFail loading: statecommentsloading } mapStateToPropsCommentList;
API
FlatList
FlatList
Kind: global class