/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

14 votes361 views3 answers
Cannot resolve react-router-dom
Javascript React
0 vote348 views1 answer
Double click react
Javascript React
0 vote403 views1 answer
React js bootstrap select option required
Javascript React
2 votes365 views1 answer
How to add multiple style attributes in react element
Javascript React
0 vote369 views1 answer
How to use empty href link in reactjs
Javascript React
6 votes365 views4 answers
Autocomplete react vscode
Javascript React
4 votes359 views2 answers
How to take 100% width in react native
Javascript React
0 vote382 views2 answers
React native countdown
Javascript React
1 vote353 views1 answer
How hooks handle dependency in react
Javascript React
2 votes404 views1 answer
Dynamic import in reactjs
Javascript React