列表组件flatList 上拉加载，下拉刷新

快来打我* 2022-05-23 07:58 376阅读 0赞

初始化项目

react-native init FasterList

运行项目

react-native run-android

从APP.js里跳转到一个页面，再从另外一个页面跳转到另一个页面

需要引入

npm react-navigation —save

在index，js（索引页面）页面

导入Stacknavigator

创建一个导航器

组件APP

  1. <FlatList
  2.     data={
  3.   this.state.dataArray}
  4.     renderItem={(data) => this._renderItem(data)
  5.     }
  6.     // //下拉刷新
  7.     // refreshing={this.state.isLoading}
  8.     // //当激发下拉刷新后，回调下拉刷新方法，执行loaddata方法
  9.     // onRefresh={() => {
  10.     //     this.loadData();
  11.     // }}
  12.     refreshControl={
  13.         <RefreshControl
  14.             title={
  15.   'Loading'}
  16.             colors={['red']}
  17.             refreshing={
  18.   this.state.isLoading}
  19.             onRefresh={() => {
  20.                 this.loadData();
  21.             }}
  22.         />
  23.     }
  25. />

ActivityIndicator组件是加载的圆圈图标

20180607131750817

20180607131928985

侧滑删除

2018060720552944920180607205535569

分组列表

组件名为

  1. SectionList
  3. SectionList
  5. SectionList

发表评论

表情：
评论列表 （有 0 条评论，376人围观）

还没有评论，来说两句吧...

相关阅读