From 9d0bede5365b0ca31a0a571f21a9c9a0ec203478 Mon Sep 17 00:00:00 2001
From: Jake Jarvis <jake@jarv.is>
Date: Mon, 5 Oct 2026 13:37:47 -0400
Subject: [PATCH] fix(native): keep Android headers from covering Upcoming
 filters and the modal Close button

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
---
 apps/native/src/app/(tabs)/(home)/upcoming.tsx         | 8 +++++---
 apps/native/src/components/navigation/modal-layout.tsx | 2 +-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/apps/native/src/app/(tabs)/(home)/upcoming.tsx b/apps/native/src/app/(tabs)/(home)/upcoming.tsx
index 381f17b..fffe025 100644
--- a/apps/native/src/app/(tabs)/(home)/upcoming.tsx
+++ b/apps/native/src/app/(tabs)/(home)/upcoming.tsx
@@ -130,15 +130,17 @@ export default function UpcomingScreen() {
     </ScrollView>
   );
 
+  const isIOS = process.env.EXPO_OS === "ios";
+
   return (
     <>
       <Stack.Header
-        transparent
-        blurEffect="systemChromeMaterialDark"
+        transparent={isIOS}
+        blurEffect={isIOS ? "systemChromeMaterialDark" : undefined}
         style={{
           color: tintColor,
           shadowColor: "transparent",
-          backgroundColor: process.env.EXPO_OS === "ios" ? undefined : backgroundColor,
+          backgroundColor: isIOS ? undefined : backgroundColor,
         }}
       />
       <Stack.Screen.Title style={headerTitleStyle as Record<string, unknown>}>
diff --git a/apps/native/src/components/navigation/modal-layout.tsx b/apps/native/src/components/navigation/modal-layout.tsx
index c35eb04..2763592 100644
--- a/apps/native/src/components/navigation/modal-layout.tsx
+++ b/apps/native/src/components/navigation/modal-layout.tsx
@@ -18,7 +18,7 @@ export function ModalLayout({ children }: { children: ReactNode }) {
 
   return (
     <View className="bg-background flex-1">
-      <Stack.Header transparent blurEffect="none" />
+      <Stack.Header hidden={process.env.EXPO_OS !== "ios"} transparent blurEffect="none" />
       {process.env.EXPO_OS === "ios" && (
         <Stack.Toolbar placement="right">
           <Stack.Toolbar.Button onPress={() => dismissAll()}>