.

components/MeterCard.js

 import React from 'react';
 import React from 'react';
-import { View, Row, Icon, Text } from 'native-base';
+import { View, Icon, Text } from 'native-base';
 import { Image, StyleSheet, Platform } from 'react-native';
 import { Image, StyleSheet, Platform } from 'react-native';
 import { BaseButton, TouchableOpacity } from 'react-native-gesture-handler';
 import { BaseButton, TouchableOpacity } from 'react-native-gesture-handler';
 import { color, theme } from '../constants/Styles';
 import { color, theme } from '../constants/Styles';
@@ -41,9 +41,11 @@ const MeterCard = ({ item, onPressEachCard }) => {
 			{renderContent()}
 			{renderContent()}
 		</BaseButton>
 		</BaseButton>
 	) : (
 	) : (
-		<TouchableOpacity onPress={onPressEachCard} style={styles.cardContainer}>
-			{renderContent()}
-		</TouchableOpacity>
+		<View style={styles.cardShadow}>
+			<TouchableOpacity onPress={onPressEachCard} style={styles.cardContainer}>
+				{renderContent()}
+			</TouchableOpacity>
+		</View>
 	);
 	);
 };
 };
 
 
@@ -103,4 +105,14 @@ const styles = StyleSheet.create({
 		backgroundColor: '#fff',
 		backgroundColor: '#fff',
 		overflow: 'hidden',
 		overflow: 'hidden',
 	},
 	},
+	cardShadow: {
+		shadowColor: '#000',
+		shadowOffset: {
+			width: 0,
+			height: 2,
+		},
+		shadowOpacity: 0.25,
+		shadowRadius: 3.84,
+		elevation: 5,
+	},
 });
 });