diff options
| -rw-r--r-- | src/routes/main/MainStackScreen.tsx | 14 | ||||
| -rw-r--r-- | src/screens/profile/IndividualMoment.tsx | 2 |
2 files changed, 14 insertions, 2 deletions
diff --git a/src/routes/main/MainStackScreen.tsx b/src/routes/main/MainStackScreen.tsx index b4eaa213..9250d0d1 100644 --- a/src/routes/main/MainStackScreen.tsx +++ b/src/routes/main/MainStackScreen.tsx @@ -156,7 +156,19 @@ const MainStackScreen: React.FC<MainStackProps> = ({route}) => { name="IndividualMoment" component={IndividualMoment} options={{ - ...modalStyle, + gestureEnabled: false, + cardStyle: { + backgroundColor: 'rgba(0, 0, 0, 0.6)', + }, + cardOverlayEnabled: true, + cardStyleInterpolator: ({current: {progress}}) => ({ + cardStyle: { + opacity: progress.interpolate({ + inputRange: [0, 0.5, 0.9, 1], + outputRange: [0, 0.25, 0.7, 1], + }), + }, + }), }} initialParams={{screenType}} /> diff --git a/src/screens/profile/IndividualMoment.tsx b/src/screens/profile/IndividualMoment.tsx index f13e1295..6b82b31c 100644 --- a/src/screens/profile/IndividualMoment.tsx +++ b/src/screens/profile/IndividualMoment.tsx @@ -80,7 +80,7 @@ const IndividualMoment: React.FC<IndividualMomentProps> = ({ return ( <BlurView blurType="light" - blurAmount={10} + blurAmount={30} reducedTransparencyFallbackColor="white" style={styles.contentContainer}> <IndividualMomentTitleBar |