/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

0 vote173 views1 answer
React receiving socket muitple times
Javascript React
0 vote163 views1 answer
Array of refs react
Javascript React
4 votes176 views2 answers
Linking in react native
Javascript React
1 vote151 views1 answer
React place div at center of page
Javascript React
0 vote152 views1 answer
React toastify does not have design
Javascript React
0 vote151 views2 answers
React social login button
Javascript React
1 vote154 views1 answer
Get children react
Javascript React
0 vote152 views2 answers
Read data in props.histroy.push in react component
Javascript React
0 vote156 views1 answer
React Redux reducer combineReducers exemple
Javascript React
1 vote165 views1 answer
Reactjs change window name
Javascript React