/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

3 votes229 views1 answer
Remove header from certain pages react navigation
Javascript React
0 vote263 views1 answer
React application preloader add
Javascript React
40 votes245 views4 answers
On click copy to clipboard react
Javascript React
103 votes200 views7 answers
How to create react app
Javascript React
4 votes264 views1 answer
External site links in react Link
Javascript React
1 vote239 views1 answer
Class MyComponent extends React.Component { } ... what is the ES5 equivalent of this *
Javascript React
0 vote260 views1 answer
Remove duplicate value from map react js
Javascript React
2 votes252 views2 answers
Import lodash react
Javascript React
17 votes235 views5 answers
React native background image
Javascript React
0 vote254 views1 answer
React-scripts test single file
Javascript React