/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

0 vote131 views1 answer
Reactjs change fill color .svg
Javascript React
1 vote120 views1 answer
Add sass autoprefixer to react
Javascript React
0 vote121 views1 answer
Flatpicker not focusing in modal React
Javascript React
17 votes171 views5 answers
How to make apk react native
Javascript React
1 vote134 views1 answer
Share file in react native
Javascript React
14 votes125 views2 answers
Adding border in react native
Javascript React
1 vote118 views1 answer
Conditional style react native
Javascript React
0 vote132 views2 answers
Write data in props.histroy.push in react component
Javascript React
0 vote124 views1 answer
React Liked Component
Javascript React
1 vote115 views1 answer
What is react reveal
Javascript React