/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 vote104 views1 answer
ExoPlayer with auto linking react native
Javascript React
10 votes107 views1 answer
Device height react native
Javascript React
0 vote107 views2 answers
Hiding header in a specific screen in react native
Javascript React
0 vote110 views1 answer
Clickjacking in react js
Javascript React
0 vote112 views1 answer
Cloudinary react
Javascript React
0 vote116 views1 answer
Align image center react native
Javascript React
0 vote109 views1 answer
How to turn of autocomplete in react hook form material ui
Javascript React
0 vote107 views1 answer
React time input
Javascript React
1 vote104 views3 answers
Click outside React component
Javascript React
3 votes112 views2 answers
React chart.js
Javascript React