Loading.js

import React from 'react';
import {View, StyleSheet, ActivityIndicator } from 'react-native';
// import Spinner from 'react-native-spinkit';
import PropTypes from 'prop-types';
// import {v2Colors} from 'theme';
// import {moderateScale} from 'react-native-size-matters';

const Loading = (props) => (
  <View style={styles.container}>
    <ActivityIndicator {...props}
    // <Spinner
    //   type={'ThreeBounce'}
    //   size={moderateScale(size)}
    //   color={v2Colors.green}
    />
  </View>
);

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
});

// Loading.propTypes = {
//   size: PropTypes.string,
// };
//
// Loading.defaultProps = {
//   size: 'large',
// };


// Loading.propTypes = {
//   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
// };
//
// Loading.defaultProps = {
//   size: 50,
// };

export {Loading};


IT WAS THIS:

import React from 'react';
import {View, StyleSheet} from 'react-native';
import Spinner from 'react-native-spinkit';
import PropTypes from 'prop-types';
import {v2Colors} from 'theme';
import {moderateScale} from 'react-native-size-matters';

const Loading = ({size = 50}) => (
  <View style={styles.container}>
    <Spinner
      type={'ThreeBounce'}
      size={moderateScale(size)}
      color={v2Colors.green}
    />
  </View>
);

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
});

Loading.propTypes = {
  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
};

Loading.defaultProps = {
  size: 50,
};

export {Loading};