/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

7 votes102 views1 answer
React Native vs Flutter
Javascript React
0 vote109 views1 answer
React-chartjs-2
Javascript React
0 vote127 views1 answer
React router dom v6 active link
Javascript React
0 vote101 views1 answer
React native update app from play store ios app store
Javascript React
0 vote108 views1 answer
Why can't i move my react bootstrapmodal over to the left
Javascript React
0 vote97 views1 answer
What difference between react func and class components
Javascript React
0 vote139 views1 answer
How to add abutton component to drawer in react native
Javascript React
1 vote120 views4 answers
React router go rprevious page
Javascript React
12 votes99 views4 answers
Uninstall material ui react
Javascript React
1 vote87 views1 answer
Tailwincss in react native
Javascript React