/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 vote199 views1 answer
[Design System React] App element is not defined. Please use Settings.setAppElement(el)
Javascript React
0 vote205 views1 answer
React state deconstructed
Javascript React
-2 votes238 views5 answers
React cheat sheet
Javascript React
55 votes210 views6 answers
Useref in react
Javascript React
0 vote186 views1 answer
React native getstream
Javascript React
1 vote202 views1 answer
Functional component how to add to existing array react
Javascript React
6 votes220 views1 answer
React dictionary key value avec 2 variable
Javascript React
1 vote198 views2 answers
React select npm
Javascript React
0 vote209 views1 answer
React props change
Javascript React
108 votes257 views2 answers
Make react project
Javascript React