octo/tooot
1
0
Fork 0
mirror of https://github.com/tooot-app/app synced 2025-06-05 22:19:13 +02:00
Code Issues Projects Releases Wiki Activity

Fix some zoomed image not shown correctly

Browse Source
This commit is contained in:
xmflsct
2023-03-14 21:14:09 +01:00
parent 4977e91b66
commit b5ddebe123
2 changed files with 21 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/screens/ImageViewer/index.tsx
View File

@@ -159,8 +159,8 @@ const ScreenImagesViewer = ({
}) => {
const screenRatio = WINDOW_WIDTH / WINDOW_HEIGHT
const imageRatio = item.width && item.height ? item.width / item.height : 1
const imageWidth = item.width || 100
const imageHeight = item.height || 100
const imageWidth = item.width
const imageHeight = item.height
const maxWidthScale = item.width
? (item.width / WINDOW_WIDTH / PixelRatio.get()) * 4
@@ -198,16 +198,21 @@ const ScreenImagesViewer = ({
default: { uri: item.url },
remote: { uri: item.remote_url }
}}
dimension={{
width:
screenRatio > imageRatio
? (WINDOW_HEIGHT / imageHeight) * imageWidth
: WINDOW_WIDTH,
height:
screenRatio > imageRatio
? WINDOW_HEIGHT
: (WINDOW_WIDTH / imageWidth) * imageHeight
}}
style={{ flex: 1 }}
contentFit='contain'
{...(imageWidth &&
imageHeight && {
dimension: {
width:
screenRatio > imageRatio
? (WINDOW_HEIGHT / imageHeight) * imageWidth
: WINDOW_WIDTH,
height:
screenRatio > imageRatio
? WINDOW_HEIGHT
: (WINDOW_WIDTH / imageWidth) * imageHeight
}
})}
enableLiveTextInteraction
/>
</View>