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 /src/routes/main/MainStackScreen.tsx | |
| 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
Diffstat (limited to 'src/routes/main/MainStackScreen.tsx')
| -rw-r--r-- | src/routes/main/MainStackScreen.tsx | 14 |
1 files changed, 13 insertions, 1 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}} /> |