/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 vote365 views1 answer
Storybook react router
Javascript React
2 votes345 views1 answer
Adding font awesome to npm or react
Javascript React
0 vote359 views1 answer
React native get source maps
Javascript React
1 vote328 views1 answer
React js component parameters
Javascript React
1 vote325 views1 answer
Npx: Create react chrome extension
Javascript React
0 vote337 views3 answers
Scrollview refresh react native
Javascript React
0 vote367 views1 answer
Testing a function in jest on click react
Javascript React
1 vote348 views1 answer
Npx create react app Must use import to load ES Module error
Javascript React
2 votes331 views3 answers
React native component at bottom center
Javascript React
1 vote351 views1 answer
React native flatlist margin bottom
Javascript React