'use strict';
import React, { Component } from 'react';
import { AppRegistry, StyleSheet, } from 'react-native';
import { RefreshListView, RefreshScrollView } from 'react-componet'

class app extends Component {
  render() {
    return (
      <ListView
        dataSource={ds}
        renderHeader={this.renderHeader}
        renderRow={(rowData) =>
          <ProductCell url={rowData.url} desc={rowData.desc} price={rowData.price} price_v={rowData.price_v} stock={utils_string.format_number(rowData.stock)} price_src={rowData.price_src}/>
        }

        onPulling={(resolve)=>resolve()} 
        onPullOk={(resolve)=>resolve()} 
        onPullRelease={(resolve)=>resolve()} 
        topIndicatorRender={(pulling, pullok, pullrelease) =>
            <View style={{flex: 1, flexDirection: 'row', justifyContent: 'center', alignItems: 'center', height: 60}}>
              <ActivityIndicator size="small" color="gray" />
              {pulling ? <Text>下拉刷新pulling...</Text> : null}
              {pullok ? <Text>松开刷新pullok......</Text> : null}
              {pullrelease ? <Text>玩命刷新中pullrelease......</Text> : null}
            </View> 
        } 
        topIndicatorHeight={60}
      />
    );
  }
}