improve animation

This commit is contained in:
Samuel Newman
2026-03-23 13:03:44 +02:00
parent 308cbd2df5
commit f1168fbf22
+7 -3
View File
@@ -12,7 +12,11 @@ import {
View, View,
type ViewStyle, type ViewStyle,
} from 'react-native' } from 'react-native'
import Animated, {FadeInUp, FadeOutDown} from 'react-native-reanimated' import Animated, {
Easing,
FadeInDown,
FadeOutDown,
} from 'react-native-reanimated'
import {Trans, useLingui} from '@lingui/react/macro' import {Trans, useLingui} from '@lingui/react/macro'
import {useFocusEffect, useNavigation, useRoute} from '@react-navigation/native' import {useFocusEffect, useNavigation, useRoute} from '@react-navigation/native'
import {useQueryClient} from '@tanstack/react-query' import {useQueryClient} from '@tanstack/react-query'
@@ -432,8 +436,8 @@ export function SearchScreenShell({
{showAutocomplete && !fixedParams && ( {showAutocomplete && !fixedParams && (
<Animated.View <Animated.View
entering={native(FadeInUp.duration(200))} entering={native(FadeInDown.easing(Easing.out(Easing.cubic)))}
exiting={native(FadeOutDown.duration(150))} exiting={native(FadeOutDown.easing(Easing.out(Easing.cubic)))}
style={[a.absolute, a.inset_0, t.atoms.bg]} style={[a.absolute, a.inset_0, t.atoms.bg]}
accessibilityViewIsModal accessibilityViewIsModal
accessibilityRole="list" accessibilityRole="list"