/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

1 vote145 views1 answer
Circle progress react
Javascript React
6 votes189 views1 answer
'useHistory' is not exported from 'react-router-dom'.
Javascript React
18 votes198 views3 answers
React detect enter key
Javascript React
0 vote189 views1 answer
React native navigation shared element
Javascript React
15 votes206 views1 answer
React forwardref
Javascript React
31 votes195 views1 answer
React router dom IndexRedirect
Javascript React
11 votes175 views3 answers
Redirect onclick react
Javascript React
-1 vote195 views1 answer
Set className with ref react
Javascript React
0 vote240 views1 answer
React convert table to pdf
Javascript React
0 vote167 views0 answer
React
Javascript React