diff options
| author | Ivan Chen <ivan@thetaggid.com> | 2021-01-21 17:22:52 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-01-21 17:22:52 -0500 |
| commit | d1a5193bc1d7117e8c331918ebaac68aa05b29a7 (patch) | |
| tree | 26e3b4d2b2d020f354c291a1b2a400adbdf0ff31 | |
| parent | 30a7a34f8c5eb379de4e5ebe38cfeeb259f3f1e3 (diff) | |
| parent | 4a807e939cd4bcafaee5802dfdc9be4fc55fb94b (diff) | |
Merge pull request #194 from ashmgarv/tma553-blur-ind-moments
[TMA - 553] Scale down opacity for individual moments view
| -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 |