/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 votes274 views1 answer
React router 6 navigate
Javascript React
3 votes219 views2 answers
React native width auto
Javascript React
0 vote202 views1 answer
React native expo release apk
Javascript React
5 votes205 views2 answers
TypeError: t is not a function React
Javascript React
66 votes194 views6 answers
Routing react
Javascript React
3 votes240 views1 answer
React how to create range
Javascript React
1 vote219 views2 answers
React beforeunload
Javascript React
1 vote208 views1 answer
Update create react app package to latest
Javascript React
64 votes208 views6 answers
React js router
Javascript React
0 vote212 views1 answer
Await zoomus.joinmeeting crashing app react native
Javascript React