/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 vote265 views1 answer
Node js and react js difference
Javascript React
0 vote272 views1 answer
Get image from gallery react native
Javascript React
86 votes277 views3 answers
React check if window exists
Javascript React
3 votes263 views1 answer
How to use react-fontawesome
Javascript React
63 votes231 views6 answers
React router install
Javascript React
0 vote268 views1 answer
React key press hook
Javascript React
0 vote357 views1 answer
How to set the id attr to a var in reactjs
Javascript React
0 vote330 views1 answer
Login condition if and else in router dom of react jsx
Javascript React
6 votes249 views2 answers
UseHistory react-router-dom
Javascript React
6 votes274 views2 answers
React in jquery
Javascript React