/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 vote224 views1 answer
Await zoomus.joinmeeting crashing app react native
Javascript React
1 vote241 views1 answer
Functional component how to add to existing array react
Javascript React
5 votes210 views1 answer
React-select
Javascript React
0 vote233 views1 answer
React developer cvs
Javascript React
25 votes203 views3 answers
Setting a background Image With React Inline Styles
Javascript React
1 vote209 views1 answer
React transition group
Javascript React
9 votes229 views2 answers
Android center text react native
Javascript React
0 vote219 views1 answer
React computed example
Javascript React
0 vote228 views1 answer
React native delay input
Javascript React
3 votes318 views3 answers
Center element react native
Javascript React