反应本地最终列表视图
该图书馆包括: 两个 组件 : UltimateListView 财务报告和审定财务报表 UltimateRefreshView
- 终极ListView:表现良好 平面图 提供自定义的牵引再刷新 & 自动刷新 & 无限滚动 & 无限滚动 & 网格视图布局 & 刷新行 。 真正的最终版本,我已经做了 最棘手的部分给你, 你可以把这个模块作为一个 增强平面 与官方版本相比.
- 终极再现视频: 可刷新 滚动视图 提供自定义的牵引至再生特性,该特性已在UltimateListView中使用,但可以独立使用.
此模块支持两个 iOS系统 财务报告和审定财务报表 机器人 平台.
所有代码都写在 ES6 语法,并符合 埃斯林特语Name 语法
快速安装
- 如果在反应内置 < 0.43:
yarn add [email protected] - 如果在反应-内在反应上 0.43
yarn add react-native-ultimate-listview@latest
已知问题 (v3.3.0):在Android上,如果您正在使用 Custom RefreshView,且您第一次负载数据的总高点低于设备高度,那么刷新View可能仍然会粘在上方. 然而,如果你加载的数据超出了你的屏幕, 一切都很好。 这个问题只在Android上发生,任何公关都是受欢迎的.
演示
| iOS系统 | 机器人 | |
|---|---|---|
| 平面图 |  |  |
使用量
import { UltimateListView, UltimateRefreshView } from 'react-native-ultimate-listview'
<UltimateRefreshView onRefresh={this.onRefresh}>
<YourView/>
</UltimateRefreshView>
<UltimateListView
ref={ref => this.listView = ref}
key={this.state.layout}
onFetch={this.onFetch}
keyExtractor={(item, index) => `${index} - ${item}`}
refreshableMode="advanced" // basic or advanced
item={this.renderItem} // this takes three params (item, index, separator)
displayDate
arrowImageStyle={{ width: 20, height: 20, resizeMode: 'contain' }}/>
或者你可以通过这个链接查看: 使用量
文档
中断更改
-
提供一个新的构成部分,以扩展
-
将导入语法更改为 :
import { UltimateListView, UltimateRefreshView } from 'react-native-ultimate-listview'
捐款
@gameboyVito - (笑声) 游戏[email protected]
- 叉出此仓库, 然后运行
yarn或者说npm install在根文件夹中 - 在修改代码后, 在根文件夹中运行
yarn eslint-fix或者说npm run eslint-fix - 确保您的代码符合 Eslint 规则,然后承诺并按您的代码
- 打开你的Github,给我一个拉请求。 我会尽快审查的,谢谢.
为什么平板电脑
我找到一些文章来解释你为什么需要使用"平地"(FlatList)而不是"遗产ListView". 有一些明显的原因:
- 平起平起就跟 UI 收集视频 或者说 回收机View,可以大幅降低内存使用. 它还在您拥有极长的列表时提供更平滑的动画.
- FlatList 支持卷轴ToIndex 函数,当您要滚动到带有索引的项目时,它相当方便,而不是要依赖 Y-offset.
- FlatList推荐开发者使用"纯组件"来减少不必要的再发送,这真的可以提升性能,使你的应用运行更快.
许可证
麻省理工学院