AddButtonBare.js

import React, { PureComponent } from 'react';
import { View, Text, Animated, TouchableWithoutFeedback } from 'react-native';
import Icon from 'react-native-vector-icons/Ionicons';
import PropTypes from 'prop-types';

export default class AddButton extends PureComponent {
  render() {
  return (
      <TouchableWithoutFeedback>
        <Animated.View style={styles.counterIncrementStyle}>
          <Icon name="ios-add" size={30} color={'white'} />
        </Animated.View>
      </TouchableWithoutFeedback>
    );
  }
}

AddButton.propTypes = {
  animationValue: PropTypes.object,
  animateCircle: PropTypes.func.isRequired
};

const styles = {
  counterIncrementStyle: {
    borderRadius: 30,
    width: 60,
    height: 60,
    alignItems: 'center',
    justifyContent: 'center',
    shadowOpacity: 0.3,
    shadowOffset: { x: 0, y: 2 },
    shadowColor: 'black',
    backgroundColor: 'rgb(49, 186, 201)'
  }
};