octo/tooot
octo/tooot
1
0
Fork 0
mirror of https://github.com/tooot-app/app synced 2025-04-16 03:07:32 +02:00
Code Issues Projects Releases Wiki Activity

Fix blurhash image miss align

Browse Source
This commit is contained in:
Zhiyuan Zheng 2021-03-27 18:16:10 +01:00
parent 80e23d8a31
commit edc0a1874c
No known key found for this signature in database
GPG Key ID: 078A93AB607D85E0
1 changed files with 10 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Timeline/Shared/Attachment/Image.tsx
View File

@ -2,7 +2,7 @@ import analytics from '@components/analytics'
import GracefullyImage from '@components/GracefullyImage' import GracefullyImage from '@components/GracefullyImage'
import { StyleConstants } from '@utils/styles/constants' import { StyleConstants } from '@utils/styles/constants'
import React, { useCallback } from 'react' import React, { useCallback } from 'react'
import { StyleSheet } from 'react-native' import { StyleSheet, View } from 'react-native'
import attachmentAspectRatio from './aspectRatio' import attachmentAspectRatio from './aspectRatio'
export interface Props { export interface Props {
@ -21,16 +21,15 @@ const AttachmentImage = React.memo(
}, []) }, [])
return ( return (
<View style={styles.base}>
<GracefullyImage <GracefullyImage
hidden={sensitiveShown} hidden={sensitiveShown}
uri={{ original: image.preview_url, remote: image.remote_url }} uri={{ original: image.preview_url, remote: image.remote_url }}
blurhash={image.blurhash} blurhash={image.blurhash}
onPress={onPress} onPress={onPress}
style={[ style={[{ aspectRatio: attachmentAspectRatio({ total, index }) }]}
styles.base,
{ aspectRatio: attachmentAspectRatio({ total, index }) }
]}
/> />
</View>
) )
}, },
(prev, next) => prev.sensitiveShown === next.sensitiveShown (prev, next) => prev.sensitiveShown === next.sensitiveShown