Use Promises for ListView onRefresh

[ghost]

I faced with an issue that in ListView RefreshControl spins forever...
Someone recommend to use ListView loading prop to Dismiss refreshControl, but it seems in ListView Statuses are strings like Status.IDLE, Status.REFRESHING and so on, but the loading prop is a boolean value and it cause issues.

Currently refresh Control automatically set ListView Component status: Status.REFRESHING and then call this.props.onRefresh that I was passed from MyComponent.
In MyComponent I have an state like this.state.loading : false and when I want to set loading prop, I should set it to this.setState({loading: true}) on MyComponent onRefresh prop, so as soon as ListView componentWillReceiveProps triggered, refreshControl will disappear ( in Less than one second ), because my status state is not equals to ListView component status state. So there is no possibility to keep spins without hacks.

so Its nice to use Promise to handle this issue.

<ListView
    data={this.state.items}
    loading={this.state.loading}
    onRefresh={() => {
       return new Promise((resolve, reject) => {
           setTimeout(() => {
               resolve(true);
           }, 4000);
       });
    }}
    renderRow={() => {}}
/>

[ghost]

#150

[SoHotSoup]

Do we really need this? Is it even possible that onRefresh is called before component is mounted?

[ghost]

It because there is no way to unsubscribe from promises, so this._isMounted check make sure that setState will not execute when component is UnMounted.