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

[CLNP-5553] fix: ensure image visibility in file viewer on new architecture

Author: bang9

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',

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,

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,