/Javascript/React/Flatlist onrefresh react native

Flatlist onrefresh react native

const [isFetching, setIsFetching] = useState(false);

const fetchData = () => {
  dispatch(getAllTopicAction(userParamData));
  setIsFetching(false);
};

const onRefresh = () => {
  setIsFetching(true);
  fetchData();
};

<FlatList
  data={topics}
  keyExtractor={(item) => item.id.toString()}
  renderItem={renderItem}
  onRefresh={onRefresh}
  refreshing={isFetching}
  progressViewOffset={100}
  ListEmptyComponent={<Empty message="No data found." />}
/>;

Flatlist onrefresh react native

const [isFetching, setIsFetching] = useState(false);

const fetchData = () => {
  dispatch(getAllDataAction(userParamData));
  setIsFetching(false);
};

const onRefresh = () => {
  setIsFetching(true);
  fetchData();
};

<FlatList
  data={topics}
  keyExtractor={(item) => item.id.toString()}
  renderItem={renderItem}
  onRefresh={onRefresh}
  refreshing={isFetching}
  progressViewOffset={100}
  ListEmptyComponent={<Empty message="No data found." />}
/>;

Similar codes

262 votes275 views6 answers
Create a react native project
Javascript React
0 vote137 views1 answer
React bootstrap hide toggle menu when scrolling down
Javascript React
0 vote133 views1 answer
Write button hover in react
Javascript React
4 votes144 views2 answers
Defining functions in react
Javascript React
18 votes151 views3 answers
React detect enter key
Javascript React
0 vote141 views1 answer
Toggle class onscroll hook react
Javascript React
0 vote125 views1 answer
React native firebase email verification
Javascript React
5 votes133 views4 answers
How to use useref hook in react
Javascript React
0 vote143 views1 answer
Npx code for src folder in react js
Javascript React
0 vote153 views1 answer
Npm i react-use-navigator-permissions
Javascript React