/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

0 vote380 views3 answers
React hook example
Javascript React
0 vote437 views2 answers
Como arreglar el error de Linking.openUrl no funciona react native
Javascript React
0 vote416 views1 answer
When reload the page the route gone in react js laravel
Javascript React
0 vote443 views1 answer
News api react native
Javascript React
2 votes353 views5 answers
How to import in react js
Javascript React
11 votes371 views3 answers
React native text ellipsis
Javascript React
0 vote404 views1 answer
HandleClickoutside custom hook react
Javascript React
14 votes387 views3 answers
Cannot resolve react-router-dom
Javascript React
24 votes398 views6 answers
Proptypes react
Javascript React
0 vote382 views1 answer
Nested navigation react native
Javascript React