octo/tooot
octo
/
tooot
mirror of https://github.com/tooot-app/app
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix blurhash image miss align

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

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

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