Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- 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};
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement