From 2f2099e243e00dfd0e6434224149aa1bd3647db9 Mon Sep 17 00:00:00 2001
From: Fredrik Burmester <fredrik.burmester@gmail.com>
Date: Wed, 1 Oct 2025 09:12:49 +0200
Subject: [PATCH] fix: android header not visible

---
 app/(auth)/(tabs)/(libraries)/_layout.tsx | 6 +++---
 components/stacks/NestedTabPageStack.tsx  | 3 ++-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/(auth)/(tabs)/(libraries)/_layout.tsx b/app/(auth)/(tabs)/(libraries)/_layout.tsx
index 89a3e847..8c7fb259 100644
--- a/app/(auth)/(tabs)/(libraries)/_layout.tsx
+++ b/app/(auth)/(tabs)/(libraries)/_layout.tsx
@@ -24,7 +24,7 @@ export default function IndexLayout() {
             headerShown: !Platform.isTV,
             headerTitle: t("tabs.library"),
             headerBlurEffect: "none",
-            headerTransparent: true,
+            headerTransparent: Platform.OS === "ios",
             headerShadowVisible: false,
             headerRight: () =>
               !pluginSettings?.libraryOptions?.locked &&
@@ -48,7 +48,7 @@ export default function IndexLayout() {
             title: "",
             headerShown: !Platform.isTV,
             headerBlurEffect: "none",
-            headerTransparent: true,
+            headerTransparent: Platform.OS === "ios",
             headerShadowVisible: false,
           }}
         />
@@ -61,7 +61,7 @@ export default function IndexLayout() {
             title: "",
             headerShown: !Platform.isTV,
             headerBlurEffect: "none",
-            headerTransparent: true,
+            headerTransparent: Platform.OS === "ios",
             headerShadowVisible: false,
           }}
         />
diff --git a/components/stacks/NestedTabPageStack.tsx b/components/stacks/NestedTabPageStack.tsx
index ec4ba1e8..87f92db6 100644
--- a/components/stacks/NestedTabPageStack.tsx
+++ b/components/stacks/NestedTabPageStack.tsx
@@ -1,5 +1,6 @@
 import type { ParamListBase, RouteProp } from "@react-navigation/native";
 import type { NativeStackNavigationOptions } from "@react-navigation/native-stack";
+import { Platform } from "react-native";
 import { HeaderBackButton } from "../common/HeaderBackButton";
 
 type ICommonScreenOptions =
@@ -12,7 +13,7 @@ type ICommonScreenOptions =
 export const commonScreenOptions: ICommonScreenOptions = {
   title: "",
   headerShown: true,
-  headerTransparent: true,
+  headerTransparent: Platform.OS === "ios",
   headerShadowVisible: false,
   headerBlurEffect: "none",
   headerLeft: () => <HeaderBackButton />,