react-native-pull-to-refresh/lib/Indicator.js

The Pull-To-Refresh ScrollView component for React Native

'use strict'

import Style from './Style'
import React from 'react'
import PropTypes from 'prop-types'
import {
  View,
  ActivityIndicator,
  Image
} from 'react-native'

export default class Indicator extends React.Component {
  render () {
    var display_object = ''
    if (this.props.needPull) {
      display_object = (
        <Image source={require('./icon/arrow.png')} style={{width: 36, height: 36}}/>
      )
    } else {
      display_object = (
        <ActivityIndicator
          size='large'
        />
      )
    }
    return (
      <View style={Style.IndicatorWrap}>
        {display_object}
      </View>
    )
  }
}

Indicator.propTypes = {
  needPull: PropTypes.bool
}