软件简介

react-infinite-loading

基于浏览器的 React 无限滚动插件

安装

react-infinite-loading 要求 React 15 或更高版本

install --save-dev react-infinite-loading

使用

import Infinite from 'react-infinite-loading';

<Infinite handleLoading={this.handleLoading} loading={this.state.loading}>
  {/* scrolled element */}
</Infinite>

参数

一些控制参数,用在组件的属性中

Infinite.propTypes = {
  // control the current status. loading = true the animation is displayed and no longer triggers handleLoading event
  loading: PropTypes.bool,
  // whether to display the loading animation
  isLoading: PropTypes.bool,
  // load animation components
  asLoading: PropTypes.node,
  // if true, scroll range as a current component on the contrary scroll range as a window
  elementScroll: PropTypes.bool,
  // set the height of the scroll container, scrollHeight={300} or scrollHeight="calc(100% - 100px)"
  scrollHeight: PropTypes.any.isRequired,
  // trigger handleLoading event threshold
  scrollThreshold: PropTypes.num,
  // scroll to the bottom event
  handleLoading: PropTypes.func,
  // sisplayed content
  children: PropTypes.node
}
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
发表于大前端专区
2019/06/12 16:29

vue-infinite-loading

[开发文档](https://peachscript.github.io/vue-infinite-loading/zh/guide/use-with-filter-or-tabs.html "开发文档")

0
0
发表了博客
2018/06/06 18:03

vue插件vue-infinite-loading的使用

vue-infinite-loading官网:https://peachscript.github.io/vue-infinite-loading/ 安装: npm install vue-infinite-loading --save list.vue页面 <template> <div class="list-con"> <div class="list" v-for="(item,key) in list"> <span v-text="key+1"></span> <p> <a :href="item.url">{{item.title}}</a> </p> </div> <inf...

0
0
发表了博客
2013/01/26 23:04

Infinite GridView

实现无限滚动以及循环滚动的ScrollView。无限滚动,即ScrollView的page数目可以无限多。循环滚动,即ScrollView滚动到最后一页,继续滚动的时候将滚动到第一页。 Code4App编译测试,测试环境:Xcode 4.5, iOS 6.0。 转载:http://www.adobex.com/ios/source/details/00000251.htm

0
0
发表于大前端专区
2019/01/17 07:55

从 loading 的 9 种写法谈 React 业务开发

作者:alisecued https://segmentfault.com/a/1190000017814080 前言 这是一篇比较全面讲解 React 的文章,里面很多基础知识希望你自己一边查阅资料一边学习。全文从业务开发中最常用见 loading 效果不同是实现讲起,说下现在前端开发在业务上应该有的思考。 入门级操作 State State:https://reactjs.org/docs/state-and-lifecycle.html 最简单的实现,我们在 Loading 组件内部声明一个状态,通过代码逻辑判断 loading 效果的展...

0
0
发表了博客
2013/01/26 22:02

infinite TabBar

实现可以左右滑动的tab bar,从而可以放置更多tab。当bab bar上的tab比较多时,可以使用这种tab bar。 开发者@陈俊恒 在源代码的基础上做了修改,在tab bar上加入左右箭头按钮。这样,不但可以通过手指滑动tab bar来显示更多的tab,也可以点击左右箭头左右滑动tab bar。 Code4App编译测试,测试环境:Xcode 4.3, iOS 5.0。 转载:http://www.adobex.com/ios/source/details/00000226.htm...

0
0
发表了博客
2013/01/26 23:40

Infinite ScrollView

实现无限循环滚动的ScrollView,即ScrollView滚动到最后一页,继续滚动的时候将滚动到第一页。 Code4App编译测试,测试环境:Xcode 4.3, iOS 5.0。 转载:http://www.adobex.com/ios/source/details/00000264.htm

0
0
2020/09/28 08:05

【React】730- 从 loading 的 9 种写法谈 React 业务开发

来源:ES2049 Studiohttps://www.yuque.com/es2049/blog 前言 这是一篇比较全面讲解 React 的文章,里面很多基础知识希望你自己一边查阅资料一边学习。全文从业务开发中最常用见 loading 效果不同是实现讲起,说下现在前端开发在业务上应该有的思考。 入门级操作 State 最简单的实现,我们在 Loading 组件内部声明一个状态,通过代码逻辑判断 loading 效果的展示。 export default class extends Component {   ...   ...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
3 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部