/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 vote377 views1 answer
React clear input after button click
Javascript React
-1 vote368 views2 answers
How to connect react to backend
Javascript React
0 vote377 views1 answer
React native header height
Javascript React
0 vote376 views1 answer
Card react native
Javascript React
2 votes380 views2 answers
Unable to resolve module react-navigation
Javascript React
0 vote378 views1 answer
Use this in a react js component
Javascript React
12 votes387 views2 answers
How to integrate redux dev tool to react application
Javascript React
0 vote388 views1 answer
Scrollbar automatically scroll down as new divs are added reactjs
Javascript React
24 votes338 views5 answers
React map array
Javascript React
3 votes349 views5 answers
./src/App.js Attempted import error: 'Switch' is not exported from 'react-router-dom'.
Javascript React