RN-索引列表

github : https://github.com/rgovindji/react-native-atoz-list

注意:
1、需要导入 lodash

npm i --save lodash

2、使用demo里面的代码时,listView的row高度为95,默认加载一页的条数是8。
所以,根据自己的项目需求,自己修改这些默认的数据(修改源码)

AtoZList.js

<FixedHeightWindowedListView
            ref={view => this._listView = view}
            dataSource={this.state.dataSource}
            renderCell={this.props.renderCell}
            renderSectionHeader={this.props.renderSection}
            incrementDelay={16}


            initialNumToRender={8}


            pageSize={Platform.OS === 'ios' ? 15 : 8}
            maxNumToRender={70}
            numToRenderAhead={40}
            numToRenderBehind={4}
            onEndReached={this.props.onEndReached}
          />

如果只改了高度例如40,默认一页的数据还是8条的话,效果是(自己改改看看啊.),

所以啊,要合适的修改 initialNumToRender 的值,确保加载的数据起码能够占满整个屏幕

当然这是改的本地的源码,多人合作的话自我斟酌

github: https://github.com/johanneslumpe/react-native-selectablesectionlistview

mark一下

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容