/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

48 votes188 views4 answers
How to add comment in react js
Javascript React
0 vote239 views1 answer
Missing script: "start" react
Javascript React
4 votes193 views1 answer
Carousel react
Javascript React
0 vote177 views1 answer
React native charts style gradiant
Javascript React
0 vote193 views2 answers
How to check for enter keyPress in react native
Javascript React
-1 vote181 views1 answer
History of react js
Javascript React
5 votes156 views2 answers
Add object in array state react
Javascript React
0 vote184 views1 answer
React js usehistory push and pass props
Javascript React
0 vote181 views1 answer
Pass params axios get react
Javascript React
4 votes171 views1 answer
React propthpes or
Javascript React