From ec6834bafd5b59d6797a5af6987cb13499e0c577 Mon Sep 17 00:00:00 2001
From: bang9 <gusrn1423@naver.com>
Date: Mon, 28 Oct 2024 17:53:00 +0900
Subject: [PATCH] fix: ensure image visibility in file viewer on new
 architecture

---
 .../src/components/FileViewer/FileViewerContent.tsx             | 2 +-
 .../src/components/FileViewer/FileViewerFooter.tsx              | 1 +
 .../src/components/FileViewer/FileViewerHeader.tsx              | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/uikit-react-native/src/components/FileViewer/FileViewerContent.tsx b/packages/uikit-react-native/src/components/FileViewer/FileViewerContent.tsx
index d8be62de4..d7e15b336 100644
--- a/packages/uikit-react-native/src/components/FileViewer/FileViewerContent.tsx
+++ b/packages/uikit-react-native/src/components/FileViewer/FileViewerContent.tsx
@@ -131,7 +131,7 @@ const ZoomableImageView = ({
 
 const styles = createStyleSheet({
   container: {
-    zIndex: -1,
+    zIndex: 0,
     flex: 1,
     alignItems: 'center',
     justifyContent: 'center',
diff --git a/packages/uikit-react-native/src/components/FileViewer/FileViewerFooter.tsx b/packages/uikit-react-native/src/components/FileViewer/FileViewerFooter.tsx
index 5f34b481e..e39d84b4a 100644
--- a/packages/uikit-react-native/src/components/FileViewer/FileViewerFooter.tsx
+++ b/packages/uikit-react-native/src/components/FileViewer/FileViewerFooter.tsx
@@ -48,6 +48,7 @@ const FileViewerFooter = ({ bottomInset, deleteShown, onPressDelete, onPressDown
 
 const styles = createStyleSheet({
   container: {
+    zIndex: 1,
     position: 'absolute',
     left: 0,
     right: 0,
diff --git a/packages/uikit-react-native/src/components/FileViewer/FileViewerHeader.tsx b/packages/uikit-react-native/src/components/FileViewer/FileViewerHeader.tsx
index 13c5f1c72..d0f20e63a 100644
--- a/packages/uikit-react-native/src/components/FileViewer/FileViewerHeader.tsx
+++ b/packages/uikit-react-native/src/components/FileViewer/FileViewerHeader.tsx
@@ -58,6 +58,7 @@ const FileViewerHeader = ({ headerShown = true, topInset, onClose, subtitle, tit
 
 const styles = createStyleSheet({
   container: {
+    zIndex: 1,
     top: 0,
     left: 0,
     right: 0,