chore: fix example for transparent modal

react-navigation · Nov 27, 2022 · 4aecf13 · 4aecf13
1 parent e411a28
commit 4aecf13
Showing 1 changed file with 14 additions and 13 deletions.
diff --git a/example/src/Screens/StackTransparent.tsx b/example/src/Screens/StackTransparent.tsx
@@ -1,8 +1,9 @@
 import { ParamListBase, useTheme } from '@react-navigation/native';
 import {
-  createNativeStackNavigator as createStackNavigator,
-  NativeStackScreenProps as StackScreenProps,
-} from '@react-navigation/native-stack';
+  createStackNavigator,
+  StackScreenProps,
+  useCardAnimation,
+} from '@react-navigation/stack';
 import * as React from 'react';
 import {
   Animated,
@@ -92,7 +93,7 @@ const DialogScreen = ({
   navigation,
 }: StackScreenProps<TransparentStackParams>) => {
   const { colors } = useTheme();
-  // const { current } = useCardAnimation();
+  const { current } = useCardAnimation();
 
   return (
     <View style={styles.container}>
@@ -102,15 +103,15 @@ const DialogScreen = ({
           styles.dialog,
           {
             backgroundColor: colors.card,
-            // transform: [
-            //   {
-            //     scale: current.progress.interpolate({
-            //       inputRange: [0, 1],
-            //       outputRange: [0.9, 1],
-            //       extrapolate: 'clamp',
-            //     }),
-            //   },
-            // ],
+            transform: [
+              {
+                scale: current.progress.interpolate({
+                  inputRange: [0, 1],
+                  outputRange: [0.9, 1],
+                  extrapolate: 'clamp',
+                }),
+              },
+            ],
           },
         ]}
       >