/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 vote137 views1 answer
Spring reactive web client throw exception test
Javascript React
0 vote159 views1 answer
React js set default route
Javascript React
9 votes139 views2 answers
React native hide yellow box
Javascript React
0 vote198 views1 answer
Get call log in react native android
Javascript React
7 votes136 views2 answers
Br in react native
Javascript React
0 vote148 views1 answer
React inject component into another component
Javascript React
0 vote140 views1 answer
React native-base DatePicker comes up Minimized on iOS Asked
Javascript React
1 vote141 views1 answer
"react native" component dynamic children props
Javascript React
-2 votes135 views1 answer
React native generate signed apk getting older version
Javascript React
0 vote145 views1 answer
How we can set react select required
Javascript React