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

Faster image loading transition

This commit is contained in:
xmflsct 2023-02-01 00:06:33 +01:00
parent 968a3266c2
commit 5d3f773a2a
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Emojis/List.tsx
View File

@ -131,7 +131,7 @@ const EmojisList = () => {
> >
<FastImage <FastImage
enterTransition='fadeIn' enterTransition='fadeIn'
transitionDuration={100} transitionDuration={60}
accessibilityLabel={t('common:customEmoji.accessibilityLabel', { accessibilityLabel={t('common:customEmoji.accessibilityLabel', {
emoji: emoji.shortcode emoji: emoji.shortcode
})} })}

8
src/components/GracefullyImage.tsx
View File

@ -88,21 +88,21 @@ const GracefullyImage = ({
{...(onPress ? { accessibilityRole: 'imagebutton' } : { accessibilityRole: 'image' })} {...(onPress ? { accessibilityRole: 'imagebutton' } : { accessibilityRole: 'image' })}
accessibilityLabel={accessibilityLabel} accessibilityLabel={accessibilityLabel}
accessibilityHint={accessibilityHint} accessibilityHint={accessibilityHint}
style={[style, dimension, { backgroundColor: colors.shimmerDefault }]} style={[style, dimension]}
{...(onPress ? (hidden ? { disabled: true } : { onPress }) : { disabled: true })} {...(onPress ? (hidden ? { disabled: true } : { onPress }) : { disabled: true })}
> >
{uri.preview && !imageLoaded ? ( {uri.preview && !imageLoaded ? (
<FastImage <FastImage
source={connectMedia({ uri: uri.preview })} source={connectMedia({ uri: uri.preview })}
enterTransition='fadeIn' enterTransition='fadeIn'
transitionDuration={100} transitionDuration={60}
style={[styles.placeholder, { backgroundColor: colors.shimmerDefault }]} style={[styles.placeholder]}
/> />
) : null} ) : null}
<FastImage <FastImage
source={connectMedia(source)} source={connectMedia(source)}
enterTransition='fadeIn' enterTransition='fadeIn'
transitionDuration={100} transitionDuration={60}
style={[{ flex: 1 }, imageStyle]} style={[{ flex: 1 }, imageStyle]}
onLoad={() => { onLoad={() => {
setImageLoaded(true) setImageLoaded(true)

2
src/screens/Compose/Root/Footer/Attachments.tsx
View File

@ -106,7 +106,7 @@ const ComposeAttachments: React.FC<Props> = ({ accessibleRefAttachments }) => {
> >
<FastImage <FastImage
enterTransition='fadeIn' enterTransition='fadeIn'
transitionDuration={100} transitionDuration={60}
style={{ width: '100%', height: '100%' }} style={{ width: '100%', height: '100%' }}
source={ source={
item.local?.thumbnail item.local?.thumbnail