/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 vote389 views1 answer
React native smart splash screen
Javascript React
0 vote410 views1 answer
Make image circle css react
Javascript React
15 votes458 views2 answers
Ternary react
Javascript React
0 vote357 views1 answer
Eslint version check in react
Javascript React
0 vote415 views1 answer
Hot loading react native shortcut key
Javascript React
0 vote386 views1 answer
Dark mode with react hooks
Javascript React
0 vote400 views2 answers
How to render a component multiple times in react
Javascript React
0 vote374 views1 answer
React scrip for deplot heroku
Javascript React
0 vote401 views2 answers
React addon update
Javascript React
66 votes378 views4 answers
How to redirect to a website in react
Javascript React