mirror of
https://github.com/tooot-app/app
synced 2025-03-11 17:10:10 +01:00
Allow Android to have moving image
This commit is contained in:
parent
3cbcb6b3f9
commit
8d0fc94303
@ -4,7 +4,7 @@
|
||||
"native": "220603",
|
||||
"major": 4,
|
||||
"minor": 1,
|
||||
"patch": 2,
|
||||
"patch": 3,
|
||||
"expo": "45.0.0"
|
||||
},
|
||||
"description": "tooot app for Mastodon",
|
||||
|
@ -5,12 +5,14 @@ import {
|
||||
AccessibilityProps,
|
||||
Image,
|
||||
ImageStyle,
|
||||
Platform,
|
||||
Pressable,
|
||||
StyleProp,
|
||||
StyleSheet,
|
||||
View,
|
||||
ViewStyle
|
||||
} from 'react-native'
|
||||
import FastImage from 'react-native-fast-image'
|
||||
import { Blurhash } from 'react-native-blurhash'
|
||||
|
||||
// blurhas -> if blurhash, show before any loading succeed
|
||||
@ -125,13 +127,24 @@ const GracefullyImage = ({
|
||||
]}
|
||||
/>
|
||||
) : null}
|
||||
<Image
|
||||
fadeDuration={0}
|
||||
source={source}
|
||||
style={[{ flex: 1 }, imageStyle]}
|
||||
onLoad={onLoad}
|
||||
onError={onError}
|
||||
/>
|
||||
{Platform.OS === 'ios' ? (
|
||||
<Image
|
||||
fadeDuration={0}
|
||||
source={source}
|
||||
style={[{ flex: 1 }, imageStyle]}
|
||||
onLoad={onLoad}
|
||||
onError={onError}
|
||||
/>
|
||||
) : (
|
||||
<FastImage
|
||||
fadeDuration={0}
|
||||
source={source}
|
||||
// @ts-ignore
|
||||
style={[{ flex: 1 }, imageStyle]}
|
||||
onLoad={onLoad}
|
||||
onError={onError}
|
||||
/>
|
||||
)}
|
||||
{blurhashView}
|
||||
</Pressable>
|
||||
)
|
||||
|
@ -2,7 +2,8 @@ import Button from '@components/Button'
|
||||
import { useAccessibility } from '@utils/accessibility/AccessibilityManager'
|
||||
import { useTheme } from '@utils/styles/ThemeManager'
|
||||
import React from 'react'
|
||||
import { Dimensions, Image, View } from 'react-native'
|
||||
import { Dimensions, View } from 'react-native'
|
||||
import FastImage from 'react-native-fast-image'
|
||||
import { useSafeAreaInsets } from 'react-native-safe-area-context'
|
||||
|
||||
export interface Props {
|
||||
@ -18,7 +19,7 @@ const AccountHeader = React.memo(
|
||||
|
||||
return (
|
||||
<View>
|
||||
<Image
|
||||
<FastImage
|
||||
source={{
|
||||
uri: reduceMotionEnabled ? account?.header_static : account?.header
|
||||
}}
|
||||
|
Loading…
x
Reference in New Issue
Block a user