【文件属性】:
文件名称:react-native-bidirectional-infinite-scroll::scroll:React Native-双向无限平滑滚动
文件大小:416KB
文件格式:ZIP
更新时间:2021-03-04 04:45:22
react-native infinite-scroll flatlist TypeScript
:scroll: React本机双向无限滚动
使用React Native实现双向无限平滑滚动
[内置 :heart_suit: 在]
有关如何使用双向无限滚动实现Chat UI的教程
介绍
由react-native提供的仅允许在一个方向上无限滚动(使用onEndReached )。 该软件包在FlatList的顶部添加了功能,以允许从两个方向进行无限滚动,并且还保持平滑的滚动UX。
接受prop onStartReached和onEndReached ,您可以使用它们来加载更多结果。
已优化对onEndReached和onStartReached的调用。
内联加载指示器,也可以自定义。
使用保持滚动位置或平滑滚动UX。
的iOS
安卓
:hammer_and_wrench: 安装
yarn add react-native-bidirectional-infinite-scroll @stream-io/flat-list-mvcp
:crystal_ball:
【文件预览】:
react-native-bidirectional-infinite-scroll-main
----.gitignore(580B)
----package.json(4KB)
----src()
--------__tests__()
--------index.tsx(8KB)
----CONTRIBUTING.md(8KB)
----LICENSE(1KB)
----tsconfig.json(722B)
----scripts()
--------bootstrap.js(682B)
----README.md(4KB)
----example()
--------package.json(684B)
--------src()
--------android()
--------metro.config.js(1KB)
--------ios()
--------README.md(726B)
--------babel.config.js(311B)
--------index.tsx(171B)
--------app.json(107B)
--------yarn.lock(191KB)
----tsconfig.build.json(57B)
----babel.config.js(77B)
----.circleci()
--------config.yml(2KB)
----.gitattributes(71B)
----.yarnrc(115B)
----.editorconfig(283B)
----yarn.lock(426KB)