MENU


<RefreshControl>

This component is used inside a ScrollView or ListView to add pull to refresh functionality. When the ScrollView is at scrollY: 0, swiping down triggers an onRefresh event.

Props(inherits View Props)progressViewOffsetrefreshing required Platform-specific Propscolors Androidenabled AndroidprogressBackgroundColor Androidsize AndroidtintColor iOStitle iOStitleColor iOS
Event PropsonRefresh

RESETRUNFULL
import React from 'react';import { RefreshControl, SafeAreaView, ScrollView, StyleSheet, Text } from 'react-native';const wait = (timeout) => {
  return new Promise(resolve => setTimeout(resolve, timeout));}const App = () => {
  const [refreshing, setRefreshing] = React.useState(false);
  const onRefresh = React.useCallback(() => {
    setRefreshing(true);
    wait(2000).then(() => setRefreshing(false));
  }, []);
  return (
    <SafeAreaView style={styles.container}>
      <ScrollView contentContainerStyle={styles.scrollView}
            refreshControl={<RefreshControl refreshing={refreshing}
                                                                           onRefresh={onRefresh} /> }>
        <Text>Pull down to see RefreshControl indicator</Text>
      </ScrollView>
    </SafeAreaView>
  );}const styles = StyleSheet.create({
  container: { flex: 1,},
  scrollView: { flex: 1, backgroundColor: 'pink', alignItems: 'center', justifyContent: 'center'},});export default App;