/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 vote165 views1 answer
Mock a function jest react
Javascript React
1 vote159 views1 answer
Npm package for sorting in reactjs
Javascript React
0 vote166 views1 answer
Installation de react native maps bibliothèque
Javascript React
61 votes164 views6 answers
Reactjs router
Javascript React
0 vote205 views1 answer
Background image not loading from a link react
Javascript React
15 votes167 views2 answers
React native get location
Javascript React
0 vote165 views1 answer
React native textinput turnoff capitalize first letter
Javascript React
0 vote171 views1 answer
React native center text vertically full screen
Javascript React
1 vote195 views4 answers
Notification react native
Javascript React
3 votes178 views1 answer
React is front end or backend
Javascript React