/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

2 votes343 views1 answer
How to get current URL with Javascript or React
Javascript React
0 vote371 views1 answer
React script syntax for deployment
Javascript React
21 votes345 views6 answers
React native vector icons
Javascript React
0 vote362 views1 answer
React event stop propagation
Javascript React
160 votes588 views6 answers
React install
Javascript React
11 votes337 views3 answers
React native text ellipsis
Javascript React
0 vote340 views1 answer
React native section list sort by alphabet
Javascript React
0 vote354 views1 answer
Dropdown search field in react native
Javascript React
0 vote359 views1 answer
React detect autofill
Javascript React
0 vote348 views2 answers
Loader in react
Javascript React