@@ -236,6 +236,7 @@ Function which returns a React Element to display as the overlay for the card. M
236
236
</video >
237
237
238
238
Example:
239
+
239
240
``` js
240
241
screenOptions= {{
241
242
cardOverlayEnabled: true ,
@@ -263,39 +264,41 @@ This is shortcut option which configures several options to configure the style
263
264
</video >
264
265
265
266
- ` modal ` : Use Modal animations. This changes a few things:
267
+
266
268
- Sets ` headerMode ` to ` screen ` for the screen unless specified otherwise.
267
269
- Changes the screen animation to match the platform behavior for modals.
268
270
<video playsInline autoPlay muted loop >
269
271
<source src =" /assets/7.x/stack/presentation-modal.mp4 " />
270
272
</video >
271
273
272
274
- ` transparentModal ` : Similar to ` modal ` . This changes following things:
275
+
273
276
- Sets ` headerMode ` to ` screen ` for the screen unless specified otherwise.
274
277
- Sets background color of the screen to transparent, so previous screen is visible
275
278
- Adjusts the ` detachPreviousScreen ` option so that the previous screen stays rendered.
276
279
- Prevents the previous screen from animating from its last position.
277
280
- Changes the screen animation to a vertical slide animation.
278
-
281
+
279
282
See [ Transparent modals] ( #transparent-modals ) for more details on how to customize ` transparentModal ` .
280
283
281
284
<video playsInline autoPlay muted loop >
282
285
<source src =" /assets/7.x/stack/presentation-transparentModal.mp4 " />
283
286
</video >
284
287
285
-
286
-
287
288
#### ` animationTypeForReplace `
288
289
289
290
The type of animation to use when this screen replaces another screen. It takes the following values:
290
291
291
292
- ` push ` - (default) The animation of a new screen being pushed will be used
292
293
<video playsInline autoPlay muted loop >
293
294
<source src =" /assets/7.x/stack/animationTypeForReplace-push.mp4 " />
295
+
294
296
</video >
295
297
296
298
- ` pop ` - The animation of a screen being popped will be used
297
299
<video playsInline autoPlay muted loop >
298
300
<source src =" /assets/7.x/stack/animationTypeForReplace-pop.mp4 " />
301
+
299
302
</video >
300
303
301
304
When ` pop ` is used, the ` pop ` animation is applied to the screen being replaced.
@@ -450,11 +453,13 @@ Specifies how the header should be rendered:
450
453
- ` float ` - Render a single header that stays at the top and animates as screens are changed. This is default on iOS.
451
454
<video playsInline autoPlay muted loop >
452
455
<source src =" /assets/7.x/stack/headerMode-float.mp4 " />
456
+
453
457
</video >
454
458
455
459
- ` screen ` - Each screen has a header attached to it and the header fades in and out together with the screen. This is default on other platforms.
456
460
<video playsInline autoPlay muted loop >
457
461
<source src =" /assets/7.x/stack/headerMode-screen.mp4 " />
462
+
458
463
</video >
459
464
460
465
#### ` headerShown `
0 commit comments