From 0157d0015a0e7844213e883bfa5bb6986fc456ed Mon Sep 17 00:00:00 2001
From: Patryk <s094236@student.tu.kielce.pl>
Date: Tue, 10 Jun 2025 01:07:01 +0200
Subject: [PATCH] fix landscape slider

---
 ArtisanConnect/app/notice/[id].jsx | 35 +++++++++++++++++++++++++++---
 1 file changed, 32 insertions(+), 3 deletions(-)

diff --git a/ArtisanConnect/app/notice/[id].jsx b/ArtisanConnect/app/notice/[id].jsx
index a63d8e5..79ed538 100644
--- a/ArtisanConnect/app/notice/[id].jsx
+++ b/ArtisanConnect/app/notice/[id].jsx
@@ -275,6 +275,7 @@ export default function NoticeDetails() {
       <Stack.Screen
         options={{
           title: notice.title,
+          headerShown: !isLandscape,
         }}
       />
       {isImageLoading ? (
@@ -282,7 +283,21 @@ export default function NoticeDetails() {
           <ActivityIndicator size="large" color="#3b82f6" />
         </Box>
       ) : (
-        <Box className="sticky top-0 z-10 bg-white">
+        <Box
+          className="sticky top-0 z-10 bg-white"
+          style={
+            isLandscape
+              ? {
+                  position: "absolute",
+                  top: 0,
+                  left: 0,
+                  right: 0,
+                  bottom: 0,
+                  zIndex: 30,
+                }
+              : {}
+          }
+        >
           <FlatList
             ref={flatListRef}
             data={images}
@@ -293,6 +308,7 @@ export default function NoticeDetails() {
             pagingEnabled
             onViewableItemsChanged={onViewableItemsChanged}
             viewabilityConfig={viewabilityConfig}
+            style={isLandscape ? { flex: 1 } : {}}
             renderItem={({ item, index }) => (
               <View
                 style={{ width: Dimensions.get("window").width }}
@@ -300,9 +316,22 @@ export default function NoticeDetails() {
               >
                 <Image
                   source={item}
-                  className="h-auto w-auto rounded-md aspect-[1/1]"
+                  // className="h-auto w-auto rounded-md aspect-[1/1]"
                   alt={`Zdjęcie ${index + 1}`}
-                  resizeMode={isLandscape ? "cover" : "contain"}
+                  renderMode="contain"
+                  className={
+                    isLandscape
+                      ? "w-auto h-full" // w landscape - pełny ekran z contain
+                      : "h-auto w-auto rounded-md aspect-[1/1]" // w portrait - kwadrat
+                  }
+                  style={
+                    isLandscape
+                      ? {
+                          resizeMode: "contain", // zachowuje naturalne proporcje
+                        }
+                      : {}
+                  }
+                  // resizeMode={isLandscape ? "cover" : "contain"}
                 />
               </View>
             )}