/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

3 votes494 views3 answers
Center horizontally react native
Javascript React
0 vote390 views1 answer
React sub count
Javascript React
15 votes395 views2 answers
Expo react navigation
Javascript React
0 vote380 views1 answer
Javascript react useState update object
Javascript React
0 vote390 views1 answer
Get data from mulitple query parameters react
Javascript React
-2 votes403 views3 answers
Switch is not exported from 'react-router-dom'
Javascript React
0 vote381 views1 answer
How to add value with useref in react
Javascript React
8 votes383 views3 answers
Change title react
Javascript React
0 vote366 views1 answer
Justifycontent react native flatlist
Javascript React
50 votes339 views6 answers
Yarn create react app
Javascript React