/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

4 votes201 views2 answers
Get request react
Javascript React
1 vote189 views1 answer
Change color react icon
Javascript React
0 vote215 views1 answer
React js how to do array range
Javascript React
3 votes218 views1 answer
Could not resolve dependency: npm ERR! peer react@"^16.0.0" from [email protected]
Javascript React
0 vote228 views1 answer
React roter dom npm
Javascript React
0 vote232 views1 answer
How to go to settings on next click in react native
Javascript React
0 vote267 views2 answers
Reactjs firebase timestamp to date
Javascript React
2 votes214 views1 answer
How to clean react native project
Javascript React
0 vote235 views1 answer
How to change the choose file button text in react
Javascript React
0 vote195 views1 answer
How to bound a state variable to a field react final form
Javascript React