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,