/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 vote132 views1 answer
Multi filtering react
Javascript React
0 vote118 views1 answer
React native call keep
Javascript React
0 vote118 views1 answer
Reacts mos twanted
Javascript React
0 vote133 views1 answer
React hook form example stack overflow
Javascript React
0 vote121 views1 answer
React native delay input
Javascript React
0 vote124 views1 answer
React native length of object
Javascript React
10 votes122 views4 answers
Attempted import error 'switch' is not exported from 'react-router-dom'. in react js
Javascript React
1 vote112 views1 answer
Node js and react js difference
Javascript React
0 vote131 views1 answer
React js practical tutorial
Javascript React
1 vote117 views1 answer
How to know react and react-native version
Javascript React