diff --git a/packages/uikit-react-native/package.json b/packages/uikit-react-native/package.json index eb48cd27..4123f902 100644 --- a/packages/uikit-react-native/package.json +++ b/packages/uikit-react-native/package.json @@ -68,7 +68,7 @@ "access": "public" }, "dependencies": { - "@openspacelabs/react-native-zoomable-view": "<2.3.0", + "@openspacelabs/react-native-zoomable-view": "^2.3.0", "@sendbird/uikit-chat-hooks": "3.11.3", "@sendbird/uikit-react-native-foundation": "3.11.3", "@sendbird/uikit-tools": "0.0.15", diff --git a/packages/uikit-react-native/src/components/FileViewer/FileViewerContent.tsx b/packages/uikit-react-native/src/components/FileViewer/FileViewerContent.tsx index d7e15b33..abd218ca 100644 --- a/packages/uikit-react-native/src/components/FileViewer/FileViewerContent.tsx +++ b/packages/uikit-react-native/src/components/FileViewer/FileViewerContent.tsx @@ -45,7 +45,7 @@ const FileViewerContent = ({ type, src, topInset = 0, bottomInset = 0, maxZoom = zoomProps={{ minZoom, maxZoom, - onTouchEnd: onPress, + onSingleTap: onPress, }} /> ); @@ -85,12 +85,15 @@ const ZoomableImageView = ({ style: StyleProp; resizeMode: ImageProps['resizeMode']; onLoadEnd: () => void; - zoomProps?: ReactNativeZoomableViewProps; + zoomProps?: Partial; }) => { const { width, height } = useWindowDimensions(); const imageSize = useRef<{ width: number; height: number }>(); - const [contentSizeProps, setContentSizeProps] = useState({ + const [contentSizeProps, setContentSizeProps] = useState<{ + contentWidth: number; + contentHeight: number; + }>({ contentWidth: width, contentHeight: height, }); diff --git a/yarn.lock b/yarn.lock index fec837c7..c6b7ac11 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3076,10 +3076,10 @@ dependencies: "@octokit/openapi-types" "^18.0.0" -"@openspacelabs/react-native-zoomable-view@<2.3.0": - version "2.2.0" - resolved "https://registry.yarnpkg.com/@openspacelabs/react-native-zoomable-view/-/react-native-zoomable-view-2.2.0.tgz#14ba1b45f17d07371d02a798fe7ac75d338aaa99" - integrity sha512-9z86KPvcvI/Y9UrOR31nxnL+INvr8Gq/2faFrBggtb2CAUzv9qjBHrGmTLg2gfvhhxlybb2wQU9bDQ5/GOMScw== +"@openspacelabs/react-native-zoomable-view@^2.3.0": + version "2.4.2" + resolved "https://registry.yarnpkg.com/@openspacelabs/react-native-zoomable-view/-/react-native-zoomable-view-2.4.2.tgz#e3fcea7dd3b6eee5d96b4d199d5810f0098e0896" + integrity sha512-Rcdldg7Am1y+Iu/Nuc82Ej2Exypeeh0oHpWrnc2SDyNa08A+efNYWOtropcbKWetWv+S6z6VJRsgvuiWug11zg== dependencies: prop-types "^15.7.2"