/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 vote310 views1 answer
React interactions
Javascript React
0 vote299 views1 answer
Command reboot android app react native adb command
Javascript React
14 votes291 views2 answers
Border react native
Javascript React
0 vote266 views2 answers
Automated counter with react hooks
Javascript React
1 vote310 views1 answer
How to find the width of outerconatiner in react native
Javascript React
0 vote297 views1 answer
React native dynamic style
Javascript React
0 vote289 views1 answer
How to make a github api using react
Javascript React
0 vote268 views1 answer
Laravel react 404 routes
Javascript React
2 votes269 views1 answer
Authfunctions react
Javascript React
1 vote257 views1 answer
React index.js BrowserRouter
Javascript React