💫 Update: Ex - Minor Changes

dominicstop · Apr 29, 2023 · cdad76f · cdad76f
1 parent 7942f50
commit cdad76f
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git 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,
+        }}
       >
         <React.Fragment>
           <CardBody style={styles.modalCard}>

diff --git 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,