/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

1 vote183 views1 answer
React native app crashes without error
Javascript React
0 vote176 views1 answer
React native portrait only
Javascript React
1 vote163 views1 answer
Press enter reaction js
Javascript React
0 vote180 views1 answer
Decrease touchableopacity in react native
Javascript React
0 vote184 views1 answer
Google-maps-react give undefined lat long
Javascript React
3 votes169 views3 answers
Async await class component react
Javascript React
0 vote195 views1 answer
How To Set Opacity of a View In React Native
Javascript React
0 vote174 views1 answer
React hooks update parent state from child
Javascript React
18 votes210 views6 answers
Import svg as react component
Javascript React
4 votes180 views1 answer
React router history push parameter
Javascript React