/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 vote180 views1 answer
Set className with ref react
Javascript React
0 vote187 views1 answer
React catch error json message
Javascript React
1 vote184 views1 answer
Image source not working react
Javascript React
23 votes193 views3 answers
Copy text to clipboard javascript react
Javascript React
0 vote316 views1 answer
Yarn add react-native-elements
Javascript React
4 votes219 views3 answers
Visual studio code create react component shortcut
Javascript React
0 vote196 views1 answer
React props change
Javascript React
0 vote193 views1 answer
How to solve Error: EPERM: operation not permitted, mkdir 'C:\Users\SKY' while downoad react
Javascript React
0 vote201 views1 answer
Usenavigate react router dom v6
Javascript React
21 votes189 views4 answers
React memo
Javascript React