/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

15 votes176 views2 answers
React native location
Javascript React
1 vote245 views1 answer
React create list of components
Javascript React
16 votes212 views1 answer
React native loop in render
Javascript React
0 vote292 views1 answer
Reset navigation to specific tab react-navigation
Javascript React
0 vote189 views1 answer
Getting state in react-router-dom v6
Javascript React
3 votes278 views4 answers
React Redux Thunk
Javascript React
5 votes202 views2 answers
Svg react native
Javascript React
4 votes242 views1 answer
Multiple click events in react
Javascript React
3 votes205 views2 answers
Get param is react
Javascript React
0 vote178 views1 answer
Dull or blur a background image in react native
Javascript React