Breaking News: Grepper is joining You.com. Read the official announcement!

ScrollView drag reload react native

Talhah Patelia answered on January 20, 2024 Popularity 1/10 Helpfulness 8/10

answer ScrollView drag reload react native

ScrollView drag reload react native

Comment

import React from 'react';
import {
  RefreshControl,
  SafeAreaView,
  ScrollView,
  StyleSheet,
  Text,
} from 'react-native';

const App = () => {
  const [refreshing, setRefreshing] = React.useState(false);

  const onRefresh = React.useCallback(() => {
    setRefreshing(true);
    setTimeout(() => {
      setRefreshing(false);
    }, 2000);
  }, []);

  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>
  );
};

Popularity 1/10 Helpfulness 8/10 Language javascript

Source: Grepper

Tags: drag javascript react-native reload scrollview

Link to this answer
Share Copy Link

Contributed on Jan 20 2024

Talhah Patelia

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

ScrollView drag reload react native

Contents

More Related Answers

ScrollView drag reload react native

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.