Add ios chevron to single guest modal

upleveled · Aug 7, 2024 · 348eaa0 · 348eaa0
1 parent 87cee5b
commit 348eaa0
Showing 1 changed file with 17 additions and 2 deletions.
diff --git a/app/_layout.tsx b/app/_layout.tsx
@@ -4,9 +4,10 @@ import {
   useFonts,
 } from '@expo-google-fonts/poppins';
 import Constants from 'expo-constants';
-import { Stack } from 'expo-router';
+import { router, Stack } from 'expo-router';
 import { StatusBar } from 'expo-status-bar';
-import { StyleSheet, View } from 'react-native';
+import { Platform, Pressable, StyleSheet, View } from 'react-native';
+import { TabBarIcon } from '../components/TabBarIcon';
 import { colors } from '../constants/colors';
 
 const styles = StyleSheet.create({
@@ -23,6 +24,19 @@ const styles = StyleSheet.create({
   },
 });
 
+function BackButton() {
+  return (
+    <Pressable
+      style={{
+        padding: 10,
+      }}
+      onPress={() => router.back()}
+    >
+      <TabBarIcon name="chevron-down" color={colors.text} />
+    </Pressable>
+  );
+}
+
 export default function HomeLayout() {
   const [loaded] = useFonts({
     Poppins_700Bold,
@@ -46,6 +60,7 @@ export default function HomeLayout() {
               title: '',
               animation: 'slide_from_bottom',
               headerTintColor: colors.text,
+              headerRight: Platform.OS === 'ios' ? BackButton : undefined,
               headerStyle: {
                 backgroundColor: colors.background,
               },