/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 vote311 views2 answers
Can we use .env in react native?
Javascript React
0 vote337 views1 answer
UseFetch custom hook for React
Javascript React
1 vote337 views1 answer
How to position View absolute react native
Javascript React
1 vote356 views1 answer
Running scripts is disabled on this system react js
Javascript React
0 vote346 views1 answer
Antd react native
Javascript React
1 vote320 views1 answer
React render html variable
Javascript React
45 votes355 views4 answers
Can't resolve 'react-router-dom'
Javascript React
1 vote383 views1 answer
React component key prop
Javascript React
1 vote333 views1 answer
Adding media queries in makeStyle material react
Javascript React
0 vote332 views1 answer
React.createElement pass props
Javascript React