Skip to content

Commit

Permalink
Flowtype RefreshControl
Browse files Browse the repository at this point in the history
Reviewed By: yungsters

Differential Revision: D7985835

fbshipit-source-id: 67a27cb99738d99959b1c795af95d0415a84f1b9
  • Loading branch information
elicwhite authored and facebook-github-bot committed May 14, 2018
1 parent 4b1ecb6 commit 891dfc3
Showing 1 changed file with 34 additions and 1 deletion.
35 changes: 34 additions & 1 deletion Libraries/Components/RefreshControl/RefreshControl.js
Original file line number Diff line number Diff line change
Expand Up @@ -14,12 +14,16 @@ const ColorPropType = require('ColorPropType');
const NativeMethodsMixin = require('NativeMethodsMixin');
const Platform = require('Platform');
const React = require('React');
const ReactNative = require('ReactNative');
const PropTypes = require('prop-types');
const ViewPropTypes = require('ViewPropTypes');

const createReactClass = require('create-react-class');
const requireNativeComponent = require('requireNativeComponent');

import type {ColorValue} from 'StyleSheetTypes';
import type {ViewProps} from 'ViewPropTypes';

if (Platform.OS === 'android') {
const AndroidSwipeRefreshLayout = require('UIManager')
.AndroidSwipeRefreshLayout;
Expand All @@ -30,6 +34,31 @@ if (Platform.OS === 'android') {
var RefreshLayoutConsts = {SIZE: {}};
}

type IOSProps = $ReadOnly<{|
tintColor?: ?ColorValue,
titleColor?: ?ColorValue,
title?: ?string,
|}>;

type AndroidProps = $ReadOnly<{|
enabled?: ?boolean,
colors?: ?$ReadOnlyArray<ColorValue>,
progressBackgroundColor?: ?ColorValue,
size?: ?(
| typeof RefreshLayoutConsts.SIZE.DEFAULT
| typeof RefreshLayoutConsts.SIZE.LARGE
),
progressViewOffset?: ?number,
|}>;

type Props = $ReadOnly<{|
...ViewProps,
...IOSProps,
...AndroidProps,
onRefresh?: ?Function,
refreshing: boolean,
|}>;

/**
* This component is used inside a ScrollView or ListView to add pull to refresh
* functionality. When the ScrollView is at `scrollY: 0`, swiping down
Expand Down Expand Up @@ -180,6 +209,10 @@ const RefreshControl = createReactClass({
},
});

class TypedRefreshControl extends ReactNative.NativeComponent<Props> {
static SIZE = RefreshLayoutConsts.SIZE;
}

if (Platform.OS === 'ios') {
var NativeRefreshControl = requireNativeComponent(
'RCTRefreshControl',
Expand All @@ -192,4 +225,4 @@ if (Platform.OS === 'ios') {
);
}

module.exports = RefreshControl;
module.exports = ((RefreshControl: any): Class<TypedRefreshControl>);

0 comments on commit 891dfc3

Please sign in to comment.