/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 votes126 views4 answers
Discord js remove reaction from user
Javascript React
28 votes127 views6 answers
React fontawesome
Javascript React
-1 vote111 views6 answers
Set image as background react
Javascript React
0 vote138 views1 answer
React-native-redux login example github
Javascript React
4 votes144 views4 answers
Class component react
Javascript React
0 vote122 views1 answer
Route guards in react
Javascript React
31 votes126 views1 answer
Npm install react-router-dom --save
Javascript React
2 votes123 views1 answer
React nginx returns 404 after reload
Javascript React
0 vote206 views3 answers
React native version
Javascript React
1 vote132 views2 answers
What is the purpose of the super(props) method in React
Javascript React