Page MenuHomePhabricator
Files F3489103

D14119.id46413.diff
No OneTemporary
Actions

D14119.id46413.diff
View Options

diff --git a/native/chat/utils.js b/native/chat/utils.js
--- a/native/chat/utils.js
+++ b/native/chat/utils.js
@@ -2,7 +2,11 @@
import invariant from 'invariant';
import * as React from 'react';
-import Animated, { type SharedValue } from 'react-native-reanimated';
+import Animated, {
+ type SharedValue,
+ interpolate,
+ useAnimatedStyle,
+} from 'react-native-reanimated';
import { useLoggedInUserInfo } from 'lib/hooks/account-hooks.js';
import { useThreadChatMentionCandidates } from 'lib/hooks/chat-mention-hooks.js';
@@ -187,6 +191,7 @@
initialCoordinates,
messageListVerticalBounds,
progress,
+ progressV2,
targetInputBarHeight,
}: AnimatedMessageArgs): {
+style: AnimatedViewStyle,
@@ -246,16 +251,6 @@
return () => setCurrentTransitionSidebarSourceID(null);
}, [setCurrentTransitionSidebarSourceID]);
- const bottom = React.useMemo(
- () =>
- interpolateNode(progress, {
- inputRange: [0.3, 1],
- outputRange: [targetPosition, 0],
- extrapolate: Extrapolate.CLAMP,
- }),
- [progress, targetPosition],
- );
-
const [isThreadColorDarkOverride, setThreadColorDarkOverride] =
React.useState<?boolean>(null);
const setThreadColorBrightness = React.useCallback(() => {
@@ -292,7 +287,13 @@
targetColor,
]);
- const messageContainerStyle = React.useMemo(() => {
+ const messageContainerStyle = useAnimatedStyle(() => {
+ const bottom = interpolate(
+ progressV2.value,
+ [0.3, 1],
+ [targetPosition, 0],
+ Extrapolate.CLAMP,
+ );
return {
bottom: currentTransitionSidebarSourceID ? bottom : 0,
opacity:
@@ -301,7 +302,7 @@
? 0
: 1,
};
- }, [bottom, currentTransitionSidebarSourceID, sidebarAnimationType]);
+ }, [currentTransitionSidebarSourceID, sidebarAnimationType]);
return {
style: messageContainerStyle,

File Metadata

Mime Type
text/plain
Expires
Thu, Dec 19, 11:36 AM (10 h, 17 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2677171
Default Alt Text
D14119.id46413.diff (1 KB)

Event Timeline