Update to new Expo SDK

- removed native-base dependency

components/CycleView.js

@@ -1,6 +1,5 @@
 import React from 'react';
-import { Animated, TouchableWithoutFeedback } from 'react-native';
-import { View } from 'native-base';
+import { Animated, TouchableWithoutFeedback, View } from 'react-native';
 import PropTypes from 'prop-types';
 
 

components/IconCard.js

@@ -1,8 +1,19 @@
 import React from 'react';
 import { View, StyleSheet, Text } from 'react-native';
-import { Icon } from "native-base";
+import EntypoIcon from "react-native-vector-icons/Entypo";
+import AntDesignIcon from "react-native-vector-icons/AntDesign";
+import Fa5Icon from "react-native-vector-icons/FontAwesome5";
 
 const IconCard = props => {
+    let iconClass;
+    if (props.iconType === "AntDesign") {
+        iconClass = AntDesignIcon;
+    }
+    else if (props.iconType === "FontAwesome5") {
+        iconClass = Fa5Icon;
+    } else if (props.iconType === "Entypo") {
+        iconClass = EntypoIcon;
+    }
 
     return (
         <View style={styles.card}>
@@ -10,8 +21,8 @@ const IconCard = props => {
             <View style={{ paddingLeft: 20 }}>
                 <Text style={{ color: 'white', fontSize: props.fontSize, textAlign: "center" }}> {props.value}</Text>
             </View>
-            <View style={{ alignItems: 'center', justifyContent: 'center',  paddingLeft: 20 }}>
-                <Icon style={{ color: 'white', fontSize: 40 }} name={props.iconName} type={props.iconType} />
+            <View style={{ alignItems: 'center', justifyContent: 'center', paddingLeft: 20 }}>
+                <iconClass style={{ color: 'white', fontSize: 40 }} name={props.iconName} />
                 <Text style={{ color: 'white', marginTop: 5 }}> {props.label}</Text>
             </View>
         </View>