Fix rounded volunteer opportunity border on Android (#76)

AudacityMusic · Aug 25, 2024 · 4bb2939 · 4bb2939
1 parent 219efa5
commit 4bb2939
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/src/components/VolunteerOpportunity.js b/src/components/VolunteerOpportunity.js
@@ -1,4 +1,11 @@
-import { View, Text, StyleSheet, Image, Pressable } from "react-native";
+import {
+  View,
+  Text,
+  StyleSheet,
+  Image,
+  Pressable,
+  Platform,
+} from "react-native";
 import MaterialCommunityIcons from "@expo/vector-icons/MaterialCommunityIcons";
 import SimpleLineIcons from "@expo/vector-icons/SimpleLineIcons";
 import FontAwesome from "@expo/vector-icons/FontAwesome";
@@ -77,8 +84,8 @@ const styles = StyleSheet.create({
     alignItems: "center",
     justifyContent: "space-between",
     backgroundColor: "#f5f5f5",
-    borderTopRightRadius: 50,
-    borderBottomRightRadius: 50,
+    borderTopRightRadius: Platform.OS == "ios" ? 50 : 300,
+    borderBottomRightRadius: Platform.OS == "ios" ? 50 : 300,
     borderBottomLeftRadius: 1000,
     borderTopLeftRadius: 1000,
     borderColor: "#e0e0e0",