Skip to content

RefreshView API

Vito Chen edited this page Apr 4, 2017 · 4 revisions

Refresh

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

RefreshControl

Props Default Type Description
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 }

AdvancedRefreshView

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.

Clone this wiki locally