RN -RefreshListView下拉刷新上啦加载

最新推荐文章于 2023-02-15 22:58:20 发布

K_H_J_S

最新推荐文章于 2023-02-15 22:58:20 发布

阅读量1.2k

点赞数

本文链接：https://blog.csdn.net/K_H_J_S/article/details/82729579

版权

本文介绍了如何在React Native中使用RefreshListView组件实现下拉刷新和上拉加载功能。通过设置不同的刷新状态并结合生命周期方法进行数据请求，实现了列表的动态加载。同时，文章还展示了数据项的渲染方法以及页面导航。

摘要由CSDN通过智能技术生成

import React, { Component } from "react";

import { Text, TouchableOpacity } from "react-native";

import RefreshListView, { RefreshState } from "react-native-refresh-list-view"; //把RefreshListView导进来

import { getData } from "./frech";

import { withNavigation } from "react-navigation";

import Ye from "./Ye";

import Xiang from "./Xiang";

class List extends Component {

constructor(props) {

super(props);

this.state = {

tab: props.tab,

data: [],

refreshState: RefreshState.Idle,

page: 1,

limit: 15

};

}

request2Data = async () => {

let response = await fetch(

//拼接字符串

"https://cnodejs.org/api/v1/topics?tab=" +

this.state.tab +

"&p