/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 vote351 views1 answer
Bootstrap modal disable close on click outside react bootstrap
Javascript React
0 vote349 views1 answer
React tutorial componentDidMount() componentWillUnmount()
Javascript React
0 vote352 views1 answer
How to redirect to another page in react js on button click
Javascript React
2 votes338 views1 answer
React-moralis
Javascript React
1 vote352 views1 answer
"react native" component dynamic children props
Javascript React
0 vote336 views2 answers
React native modal dismiss keyboard
Javascript React
0 vote343 views1 answer
React-native-ffmpeg gradel issue
Javascript React
7 votes359 views2 answers
Input type password react native
Javascript React
5 votes313 views2 answers
React native components
Javascript React
48 votes356 views6 answers
Comment in react
Javascript React