GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • React Native
  • Docs
  • Guides
  • Components
  • APIs
  • Architecture
  • Releases
  • Contributing
  • Community
  • Showcase
  • Blog
  • Next
  • 0.87
  • 0.86

This view

  • Original page
  • New address

GeezerVison is showing reactnative.dev — RefreshControl · React Native

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.

Example​

note

refreshing is a controlled prop, this is why it needs to be set to true in the onRefresh function otherwise the refresh indicator will stop immediately.


Reference

Props​

View Props​

Inherits View Props.


Required
refreshing​

Whether the view should be indicating an active refresh.

Type
boolean

colors
Android
​

The colors (at least one) that will be used to draw the refresh indicator.

Type
array of colors

enabled
Android
​

Whether the pull to refresh functionality is enabled.

TypeDefault
booleantrue

onRefresh​

Called when the view starts refreshing.

Type
function

progressBackgroundColor
Android
​

The background color of the refresh indicator.

Type
color

progressViewOffset​

Progress view top offset.

TypeDefault
number0

size
Android
​

Size of the refresh indicator.

TypeDefault
enum('default', 'large')'default'

tintColor
iOS
​

The color of the refresh indicator.

Type
color

title
iOS
​

The title displayed under the refresh indicator.

Type
string

titleColor
iOS
​

The color of the refresh indicator title.

Type
color
  • Example
  • Props
    • View Props
    • Required
      refreshing
    • colors
      Android
    • enabled
      Android
    • onRefresh
    • progressBackgroundColor
      Android
    • progressViewOffset
    • size
      Android
    • tintColor
      iOS
    • title
      iOS
    • titleColor
      iOS
You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.