/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

10 votes214 views2 answers
React-native text overflow ellipsis
Javascript React
0 vote221 views1 answer
Reactnaviataion change title
Javascript React
1 vote216 views1 answer
React native cover image
Javascript React
0 vote213 views2 answers
Batch react-redux
Javascript React
145 votes810 views6 answers
Add bootstrap to react
Javascript React
1 vote251 views3 answers
Iframe in react
Javascript React
0 vote226 views1 answer
React read multiple files with filereader
Javascript React
0 vote236 views1 answer
React replace all line breaks with br
Javascript React
18 votes210 views1 answer
Get specific characters from state variable reactjs
Javascript React
48 votes254 views6 answers
Comment in react
Javascript React