/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

-2 votes152 views1 answer
How to get country code in react native
Javascript React
1 vote136 views1 answer
React connect production
Javascript React
0 vote156 views1 answer
React bootstrap profile card
Javascript React
15 votes172 views6 answers
Form in react
Javascript React
0 vote139 views1 answer
How to unmount inactive screens in bottom tab react native
Javascript React
1 vote181 views1 answer
React multiple event handlers]
Javascript React
27 votes163 views6 answers
React usestate
Javascript React
0 vote150 views1 answer
React testing for links
Javascript React
6 votes147 views2 answers
Export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'
Javascript React
0 vote137 views1 answer
React native pure component vs component
Javascript React