/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

4 votes383 views3 answers
Image react native base64
Javascript React
0 vote393 views1 answer
React if event.target is input
Javascript React
1 vote365 views2 answers
Toast in react native
Javascript React
0 vote374 views1 answer
React-timeago npm
Javascript React
0 vote382 views1 answer
React props change
Javascript React
0 vote370 views1 answer
Reactvs y axis range
Javascript React
1 vote369 views2 answers
Change text size according to screen react native
Javascript React
5 votes378 views2 answers
React img not showing
Javascript React
0 vote413 views1 answer
React native keyboard event listener
Javascript React
0 vote376 views1 answer
Style react native alert text
Javascript React