Page MenuHomePhorge
Files F33306397

D14130.1768794525.diff
No OneTemporary
Actions

Size
1 KB
Referenced Files
None
Subscribers
None

D14130.1768794525.diff
View Options

diff --git a/native/navigation/action-result-modal.react.js b/native/navigation/action-result-modal.react.js
--- a/native/navigation/action-result-modal.react.js
+++ b/native/navigation/action-result-modal.react.js
@@ -3,7 +3,7 @@
import invariant from 'invariant';
import * as React from 'react';
import { View, Text } from 'react-native';
-import Animated from 'react-native-reanimated';
+import Animated, { useAnimatedStyle } from 'react-native-reanimated';
import type { AppNavigationProp } from './app-navigator.react.js';
import { OverlayContext } from './overlay-context.js';
@@ -23,7 +23,7 @@
function ActionResultModal(props: Props): React.Node {
const overlayContext = React.useContext(OverlayContext);
invariant(overlayContext, 'ActionResultModal should have OverlayContext');
- const { position } = overlayContext;
+ const { positionV2 } = overlayContext;
// Timer resets whenever message updates
const { goBackOnce } = props.navigation;
@@ -35,11 +35,17 @@
const styles = useOverlayStyles(ourStyles);
const bottomInset = useSelector(state => state.dimensions.bottomInset);
- const containerStyle = {
- ...styles.container,
- opacity: position,
- paddingBottom: bottomInset + 100,
- };
+ const animatedContainerStyle = useAnimatedStyle(
+ () => ({
+ opacity: positionV2?.value,
+ paddingBottom: bottomInset + 100,
+ }),
+ [bottomInset],
+ );
+ const containerStyle = React.useMemo(
+ () => [styles.container, animatedContainerStyle],
+ [animatedContainerStyle, styles.container],
+ );
return (
<Animated.View style={containerStyle}>
<View style={styles.message}>

File Metadata

Mime Type
text/plain
Expires
Mon, Jan 19, 3:48 AM (16 h, 34 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
5954098
Default Alt Text
D14130.1768794525.diff (1 KB)

Event Timeline