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

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 (
<GracefullyImage <View style={styles.base}>
hidden={sensitiveShown} <GracefullyImage
uri={{ original: image.preview_url, remote: image.remote_url }} hidden={sensitiveShown}
blurhash={image.blurhash} uri={{ original: image.preview_url, remote: image.remote_url }}
onPress={onPress} blurhash={image.blurhash}
style={[ onPress={onPress}
styles.base, style={[{ aspectRatio: attachmentAspectRatio({ total, index }) }]}
{ aspectRatio: attachmentAspectRatio({ total, index }) } />
]} </View>
/>
) )
}, },
(prev, next) => prev.sensitiveShown === next.sensitiveShown (prev, next) => prev.sensitiveShown === next.sensitiveShown