/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 vote316 views1 answer
React native run ios select simulator
Javascript React
0 vote298 views1 answer
React 1 to 10 with step 2 (odd numbers)
Javascript React
0 vote304 views1 answer
Radio button in react native expo
Javascript React
2 votes349 views2 answers
Prevent a page from refreshing in react
Javascript React
14 votes243 views1 answer
Change checkbox value react
Javascript React
0 vote296 views3 answers
Run react native with debugger breakpoint
Javascript React
0 vote283 views2 answers
React foreach loop
Javascript React
0 vote313 views2 answers
Get location from brwoser react
Javascript React
0 vote304 views1 answer
Reactjs change fill color .svg
Javascript React
0 vote288 views1 answer
Double click react
Javascript React