diff --git a/example/src/examples/Test01.tsx b/example/src/examples/Test01.tsx index 0b0802d0..9cc3622c 100644 --- a/example/src/examples/Test01.tsx +++ b/example/src/examples/Test01.tsx @@ -51,6 +51,11 @@ export function Test01(props: ExampleProps) { ref={modalRef} containerStyle={styles.modalContainer} modalPresentationStyle={currentPresentationStyle} + modalContentPreferredContentSize={{ + mode: 'percent', + percentWidth: 0.8, + percentHeight: 0.8, + }} > diff --git a/example/src/examples/Test09.tsx b/example/src/examples/Test09.tsx index b51a0172..caeab1a6 100644 --- a/example/src/examples/Test09.tsx +++ b/example/src/examples/Test09.tsx @@ -62,6 +62,16 @@ export function Test09(props: ExampleProps) { containerStyle={styles.modalContainer} modalSheetDetents={CUSTOM_DETENTS} sheetSelectedDetentIdentifier={currentDetent.key} + sheetPrefersEdgeAttachedInCompactHeight={true} + sheetWidthFollowsPreferredContentSizeWhenEdgeAttached={true} + // Needed for `sheetWidthFollowsPreferredContentSizeWhenEdgeAttached` + // to take work on iphone's w/o notches + modalPresentationStyle={'formSheet'} + modalContentPreferredContentSize={{ + mode: 'percent', + percentWidth: 1, + percentHeight: 1, + }} onModalDidChangeSelectedDetentIdentifier={({ nativeEvent }) => { setEventData((prev) => ({ ...prev,