improve animation
This commit is contained in:
@@ -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"
|
||||||
|
|||||||
Reference in New Issue
Block a user