Skip to content

Commit c93f08b

Browse files
committed
rename the file
1 parent 669b5bf commit c93f08b

2 files changed

Lines changed: 13 additions & 3 deletions

File tree

patches/react-native-reanimated/details.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
- E/App issue: 🛑
1616
- PR Introducing Patch: [NR 0.75 upgrade](https://github.com/Expensify/App/pull/45289)
1717

18-
### [react-native-reanimated+3.19.1+003+correctly-handle-Easing.bezier](react-native-reanimated+3.19.1+003+correctly-handle-Easing.bezier.patch)
18+
### [react-native-reanimated+3.19.1+003+correctly-handle-Easing.bezier.patch](react-native-reanimated+3.19.1+003+correctly-handle-Easing.bezier.patch)
1919

2020
- Reason: The Easing.bezier animation doesn't work on web
2121
- Upstream PR/issue: https://github.com/software-mansion/react-native-reanimated/pull/8049

src/components/Search/SearchList.tsx

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import React, {forwardRef, useCallback, useEffect, useImperativeHandle, useMemo,
55
import type {ForwardedRef} from 'react';
66
import {View} from 'react-native';
77
import type {NativeSyntheticEvent, StyleProp, ViewStyle} from 'react-native';
8-
import Animated, {FadeOutUp, LinearTransition} from 'react-native-reanimated';
8+
import Animated, {FadeOutUp, Keyframe, LinearTransition} from 'react-native-reanimated';
99
import Checkbox from '@components/Checkbox';
1010
import * as Expensicons from '@components/Icon/Expensicons';
1111
import MenuItem from '@components/MenuItem';
@@ -312,6 +312,16 @@ function SearchList(
312312

313313
useImperativeHandle(ref, () => ({scrollAndHighlightItem, scrollToIndex}), [scrollAndHighlightItem, scrollToIndex]);
314314

315+
const Exiting = new Keyframe({
316+
from: {
317+
height: '100%',
318+
},
319+
to: {
320+
height: '0%',
321+
easing
322+
}
323+
})
324+
315325
const renderItem = useCallback(
316326
// eslint-disable-next-line react/no-unused-prop-types
317327
({item, index}: {item: SearchListItem; index: number}) => {
@@ -321,7 +331,7 @@ function SearchList(
321331

322332
return (
323333
<Animated.View
324-
exiting={shouldAnimate ? FadeOutUp.duration(CONST.SEARCH.EXITING_ANIMATION_DURATION).easing(easing) : undefined}
334+
exiting={shouldAnimate ? Exiting.duration(CONST.SEARCH.EXITING_ANIMATION_DURATION) : undefined}
325335
entering={undefined}
326336
style={styles.overflowHidden}
327337
layout={shouldAnimate && hasItemsBeingRemoved ? LinearTransition.easing(easing).duration(CONST.SEARCH.EXITING_ANIMATION_DURATION) : undefined}

0 commit comments

Comments
 (0)