{"_id":"@consenlabs/react-native-gifted-listview","_rev":"9-ba175674843a9142bfb4cd00880c1bad","name":"@consenlabs/react-native-gifted-listview","dist-tags":{"latest":"0.0.16"},"versions":{"0.0.16":{"name":"@consenlabs/react-native-gifted-listview","version":"0.0.16","keywords":["pull-to-refresh","refreshable","listview","infinite-scrolling","react-component","react-native","ios","android"],"author":{"name":"Farid from Safi"},"license":"MIT","_id":"@consenlabs/react-native-gifted-listview@0.0.16","maintainers":[{"name":"consenlabs","email":"dev@consenlabs.com"}],"homepage":"https://github.com/FaridSafi/react-native-gifted-listview#readme","bugs":{"url":"https://github.com/FaridSafi/react-native-gifted-listview/issues"},"dist":{"shasum":"45e74bee023e6e8341daf55f79200650fe22b58a","tarball":"https://registry.npmjs.org/@consenlabs/react-native-gifted-listview/-/react-native-gifted-listview-0.0.16.tgz","integrity":"sha512-J3k8mbhbz/hql4qnOiPJA8JRs52GcUvXgdgCcg0GiYYrBJbwYOcNESFheSbjtg3zURbInvdia0hTNBQT28pNfw==","signatures":[{"sig":"MEUCIQCz2yli4jfFb6hSnI10qy5p+3ksVl3lcDBMB2R6C2PhSgIgexb9Tkli4FGMB/TR0EmGFEAL9p+6yzfpFIJFw2SYgKQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"GiftedListView.js","_from":".","_shasum":"45e74bee023e6e8341daf55f79200650fe22b58a","gitHead":"70857b4cb7e057507b1f2b9a443edf388061898b","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"consenlabs","email":"dev@consenlabs.com"},"repository":{"url":"git+https://github.com/FaridSafi/react-native-gifted-listview.git","type":"git"},"_npmVersion":"3.10.3","description":"A ListView with pull-to-refresh, infinite scrolling and more for Android and iOS React-Native apps","directories":{},"_nodeVersion":"6.7.0","dependencies":{},"_npmOperationalInternal":{"tmp":"tmp/react-native-gifted-listview-0.0.16.tgz_1486793401439_0.4191147331148386","host":"packages-12-west.internal.npmjs.com"}}},"time":{"created":"2017-02-11T06:10:01.687Z","modified":"2026-06-24T03:19:15.573Z","0.0.16":"2017-02-11T06:10:01.687Z"},"bugs":{"url":"https://github.com/FaridSafi/react-native-gifted-listview/issues"},"author":{"name":"Farid from Safi"},"license":"MIT","homepage":"https://github.com/FaridSafi/react-native-gifted-listview#readme","keywords":["pull-to-refresh","refreshable","listview","infinite-scrolling","react-component","react-native","ios","android"],"repository":{"url":"git+https://github.com/FaridSafi/react-native-gifted-listview.git","type":"git"},"description":"A ListView with pull-to-refresh, infinite scrolling and more for Android and iOS React-Native apps","maintainers":[{"email":"xwz@token.im","name":"consenlabs_official"},{"email":"circlehotarux@gmail.com","name":"circlehotarux"},{"email":"beenhero@gmail.com","name":"beenhero"},{"email":"imxuneal@gmail.com","name":"xuneal"}],"readme":"# Gifted ListView\n\nA ListView with pull-to-refresh, infinite scrolling and more for Android and iOS React-Native apps\n\n\n![](https://raw.githubusercontent.com/FaridSafi/react-native-gifted-listview/master/Captures/ios_refresh_page_demo.gif)\n![](https://raw.githubusercontent.com/FaridSafi/react-native-gifted-listview/master/Captures/android_refresh_page_demo.gif)\n\n\n### Changelog\n#### 0.0.13\n- Use RefreshControl instead of own implementation for pull-to-refresh (PR @SpaceK33z)\n\n\n\n### Simple example\n\n\n```js\nvar React = require('react-native');\nvar {\n  StyleSheet,\n  Text,\n  View,\n  TouchableHighlight\n} = React;\n\nvar GiftedListView = require('react-native-gifted-listview');\n\nvar Example = React.createClass({\n\n  /**\n   * Will be called when refreshing\n   * Should be replaced by your own logic\n   * @param {number} page Requested page to fetch\n   * @param {function} callback Should pass the rows\n   * @param {object} options Inform if first load\n   */\n  _onFetch(page = 1, callback, options) {\n    setTimeout(() => {\n      var rows = ['row '+((page - 1) * 3 + 1), 'row '+((page - 1) * 3 + 2), 'row '+((page - 1) * 3 + 3)];\n      if (page === 3) {\n        callback(rows, {\n          allLoaded: true, // the end of the list is reached\n        });\n      } else {\n        callback(rows);\n      }\n    }, 1000); // simulating network fetching\n  },\n\n\n  /**\n   * When a row is touched\n   * @param {object} rowData Row data\n   */\n  _onPress(rowData) {\n    console.log(rowData+' pressed');\n  },\n\n  /**\n   * Render a row\n   * @param {object} rowData Row data\n   */\n  _renderRowView(rowData) {\n    return (\n      <TouchableHighlight\n        style={styles.row}\n        underlayColor='#c8c7cc'\n        onPress={() => this._onPress(rowData)}\n      >\n        <Text>{rowData}</Text>\n      </TouchableHighlight>\n    );\n  },\n\n  render() {\n    return (\n      <View style={styles.container}>\n        <View style={styles.navBar} />\n        <GiftedListView\n          rowView={this._renderRowView}\n          onFetch={this._onFetch}\n          firstLoader={true} // display a loader for the first fetching\n          pagination={true} // enable infinite scrolling using touch to load more\n          refreshable={true} // enable pull-to-refresh for iOS and touch-to-refresh for Android\n          withSections={false} // enable sections\n          customStyles={{\n            paginationView: {\n              backgroundColor: '#eee',\n            },\n          }}\n\n          refreshableTintColor=\"blue\"\n        />\n      </View>\n    );\n  }\n});\n\nvar styles = {\n  container: {\n    flex: 1,\n    backgroundColor: '#FFF',\n  },\n  navBar: {\n    height: 64,\n    backgroundColor: '#CCC'\n  },\n  row: {\n    padding: 10,\n    height: 44,\n  },\n};\n```\n\n\n### Advanced example\n\n[See GiftedListViewExample/example_advanced.js](GiftedListViewExample/example_advanced.js)\n\n\n### Installation\n\n```npm install react-native-gifted-listview --save```\n\n\n### Features\n- [x] Pull-to-refresh in iOS\n- [x] Touch-to-refresh in Android\n- [x] Infinite scrolling using touch to load more\n- [x] Loader for first display\n- [x] Default view when no content to display\n- [x] Customizable (see advanced example)\n- [x] Support for section header\n- [x] Pull-to-refresh in Android\n\n\n\n### License\n\n[MIT](LICENSE.md)\n\n\nFeel free to ask me questions on Twitter [@FaridSafi](https://www.twitter.com/FaridSafi) !\n","readmeFilename":"README.md"}