/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

16 votes139 views1 answer
React native 0.60.4 xiaomi crashes at open
Javascript React
-1 vote135 views2 answers
For loop in react native
Javascript React
4 votes213 views3 answers
React native keystore
Javascript React
0 vote138 views1 answer
React hooks link to external site
Javascript React
31 votes129 views1 answer
Npm install react-router-dom --save
Javascript React
0 vote128 views1 answer
Spring reactive web client throw exception test
Javascript React
9 votes128 views2 answers
Reactjs radio button onchange
Javascript React
0 vote128 views1 answer
Using RN BootSplash with React Navigation
Javascript React
0 vote128 views1 answer
React setstate concat string
Javascript React
0 vote129 views1 answer
Navigation scroll react
Javascript React