/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

-2 votes231 views1 answer
Reactsj substring
Javascript React
7 votes251 views3 answers
Install node-sass version for react
Javascript React
2 votes207 views1 answer
Function component react form
Javascript React
1 vote241 views1 answer
How to know react and react-native version
Javascript React
0 vote227 views1 answer
Gradle error react native
Javascript React
0 vote246 views1 answer
Get call log in react native with filter android
Javascript React
0 vote217 views1 answer
Create react app run test apecific folfer
Javascript React
1 vote239 views3 answers
React native port
Javascript React
0 vote170 views1 answer
Document is not defined react router
Javascript React
0 vote275 views1 answer
React router tutorial medium
Javascript React