-
Notifications
You must be signed in to change notification settings - Fork 82
RefreshView API
Vito Chen edited this page May 11, 2017
·
4 revisions
| Props | Default | Type | Description |
|---|---|---|---|
| refreshable | true | bool | Set it to true to enable the Refresh component |
| refreshableMode | 'basic' | string | 'basic' | 'advanced'. Use this to distinguish diffrent RefreshView, including the basic RefreshControl or advanced RefreshView
|
| Props | Default | Type | Description |
|---|---|---|---|
| refreshableTitle | null | string | The default placeholder of the refreshControl |
| refreshableColors | ['dimgray', 'tomato', 'limegreen'] | array | android only |
| refreshableProgressBackgroundColor | 'white' | string | android only |
| refreshableSize | undefined | string | "small" or "large" |
| refreshableTintColor | 'lightgray' | string | ios only |
| customRefreshControl | null | func | Customize your own View of the RefreshControl. It takes two callbacks renderRefreshControl = (isRefreshing, onRefresh) => { your code }
|
| Props | Default | Type | Description |
|---|---|---|---|
| refreshableTitlePull | 'Pull To Refresh' | string | The default placeholder of the refreshView |
| refreshableTitleRelease | 'Release To Refresh' | string | When you drag down the list, the refreshable title will be changed |
| refreshableTitleRefreshing | 'Refreshing...' | string | During the network fetching, the refreshable title will be changed |
| customRefreshView | null | func | You can use this props to pass your own custom view to replace the default one. |
| customRefreshViewHeight | 90 | number | You can set the height of your custom refreshView when you passing your own component. |
| displayDate | true | bool | Whether display the default date string at the refreshView or not |
| dateFormat | 'yyyy-MM-dd hh:mm' | string | The date format you want to use |
| dateTitle | 'Last updated time: ' | string | The date title right beside the date text |
| arrowImage | Base64 url | string | You can pass your own arrow image to this props, but be careful, it can only be a base64 url or a network url. |