react-native-refreshable-listview下拉刷新组件
react-native-refreshable-listview 是下拉刷新 ListView,当数据重载的时候显示加载提示。
代码示例:
var React = require('react-native') var {Text, View, ListView} = React var ArticleStore = require('../stores/ArticleStore') var StoreWatchMixin = require('./StoreWatchMixin') var ArticleView = require('./ArticleView') var RefreshableListView = require('./RefreshableListView') var ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1.id !== r2.id}) var ArticlesScreen = React.createClass({ mixins: [StoreWatchMixin], getInitialState() { return {dataSource: ds.cloneWithRows(ArticleStore.all())} }, getStoreWatches() { this.watchStore(ArticleStore, () => { this.setState({dataSource: ds.cloneWithRows(ArticleStore.all())}) }) }, reloadArticles() { return ArticleStore.reload() // returns a promise of reload completion }, renderArticle(article) { return <ArticleView article={article} /> }, render() { return ( <RefreshableListView dataSource={this.state.dataSource} renderRow={this.renderArticle} loadData={this.reloadArticles} refreshDescription="Refreshing articles" /> ) } })
评论
react-native-pullview下拉刷新react native组件
这是一个实现下拉刷新的reactnative组件,可支持android&ios,简单易用!纯js代码,基于ScrollView封装.比scrollview更强大,有三个下拉状态: pullin
react-native-pullview下拉刷新react native组件
0
react-native-pullview下拉刷新react native组件
这是一个实现下拉刷新的react native组件,可支持android & ios,简单易
react-native-pullview下拉刷新react native组件
0
SurfingRefreshControliOS 可定制下拉刷新组件
SurfingRefreshControl是一款iOS可定制任何形状的创意下拉刷新组件。运行环境:Xcode7.3,Swift2.2。易用,轻巧,创意,美观。效果截图:
SurfingRefreshControliOS 可定制下拉刷新组件
0
react-native-refresh-list-view上拉、下拉刷新组件
初学 React Native,看到 Github 上现有的相关控件实现都较为复杂,又不太符合自己心
react-native-refresh-list-view上拉、下拉刷新组件
0