/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

1 vote320 views6 answers
React-native build debug apk
Javascript React
4 votes349 views2 answers
How to find out which version of React
Javascript React
1 vote334 views1 answer
React conditional array item
Javascript React
0 vote299 views1 answer
React import useCallBack
Javascript React
37 votes268 views5 answers
React sass
Javascript React
0 vote336 views1 answer
How to update the react version in next js app
Javascript React
1 vote305 views1 answer
Tailwind css react craco package.json
Javascript React
21 votes304 views6 answers
Elevation react native
Javascript React
0 vote346 views1 answer
How to run electron and react using concurrently
Javascript React
0 vote362 views1 answer
How to upload react js project on server
Javascript React