/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 vote235 views1 answer
Type '{ GlobalState: any; Dispatch: React.Dispatch<any>; }' is not assignable to type 'null'
Javascript React
0 vote294 views2 answers
How to spot Error: Maximum update depth exceeded. in react
Javascript React
0 vote257 views1 answer
React infinte scroll
Javascript React
0 vote243 views1 answer
React Rendering Movies
Javascript React
2 votes234 views1 answer
React add gradient top to bottom
Javascript React
1 vote317 views1 answer
React native flatlist hide scrollbar
Javascript React
0 vote267 views1 answer
React load after scrolling
Javascript React
0 vote270 views1 answer
Node closes once you open app react-native
Javascript React
3 votes210 views2 answers
Handle onchange react
Javascript React
0 vote249 views1 answer
Build class component react
Javascript React