/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

13 votes277 views10 answers
React navigation
Javascript React
0 vote219 views2 answers
Onclick toggle class react
Javascript React
0 vote223 views1 answer
Websocket with Node and React
Javascript React
0 vote223 views1 answer
Backgroundcolor react
Javascript React
1 vote312 views1 answer
How to find the width of outerconatiner in react native
Javascript React
3 votes339 views2 answers
React native image fit container
Javascript React
1 vote223 views1 answer
React native image disable fade in onload
Javascript React
-1 vote243 views2 answers
React map example leaflets
Javascript React
1 vote203 views1 answer
No known class method for selector 'setScreenName:screenClass: react native
Javascript React
26 votes179 views4 answers
React context
Javascript React