/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

66 votes144 views4 answers
How to redirect to a website in react
Javascript React
1 vote143 views5 answers
React date picker
Javascript React
0 vote156 views1 answer
Fcctest cdn reactjs setup
Javascript React
1 vote165 views1 answer
React native text capitalize
Javascript React
2 votes160 views1 answer
React html input required conditional
Javascript React
31 votes139 views1 answer
Download react router dom
Javascript React
1 vote151 views3 answers
Window.innerHeight react js
Javascript React
3 votes146 views1 answer
React after deployment givin nginx 404
Javascript React
6 votes167 views1 answer
How to import dotenv in react
Javascript React
1 vote163 views1 answer
How to setup React Context, useContext Hook
Javascript React