/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 vote325 views1 answer
Icomoon react native
Javascript React
0 vote334 views1 answer
Align left text in reactstrap
Javascript React
1 vote321 views1 answer
Npx create react app Must use import to load ES Module error
Javascript React
0 vote289 views1 answer
How to make this transform with React-Native? https://stackoverflow.com/questions/37538303/how-to-make-this-transform-with-react-native
Javascript React
4 votes325 views1 answer
Reactjs onclick open new page
Javascript React
0 vote330 views1 answer
How to redirect a form to another page when we submitted a form in react js
Javascript React
0 vote319 views1 answer
Render eror cant find variable: react
Javascript React
4 votes315 views1 answer
Multiple click events in react
Javascript React
0 vote313 views1 answer
Exemple de modal reactjs
Javascript React
0 vote366 views1 answer
React js bootstrap select option required
Javascript React