Merge pull request #210 from sendbird/fix/new-arch/file-viewer

[CLNP-5553] fix: ensure image visibility in file viewer on new architecture
sendbird · Oct 29, 2024 · d1ddb87 · d1ddb87
2 parents b0ad96b + ec6834b
commit d1ddb87
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 1 deletion.
diff --git 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
@@ -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
@@ -58,6 +58,7 @@ const FileViewerHeader = ({ headerShown = true, topInset, onClose, subtitle, tit
 
 const styles = createStyleSheet({
   container: {
+    zIndex: 1,
     top: 0,
     left: 0,
     right: 0,