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