@lodev09/react-native-true-sheet 0.9.9 → 0.10.0

package/README.md

@@ -4,7 +4,7 @@
 ![GitHub Release](https://img.shields.io/github/v/release/lodev09/react-native-true-sheet)
 ![NPM Downloads](https://img.shields.io/npm/dw/%40lodev09%2Freact-native-true-sheet)
 
-The true native bottom sheet 💩
+The true native bottom sheet experience for your React Native Apps. 💩
 
 ![Preview](preview.gif)
 
@@ -15,8 +15,8 @@ The true native bottom sheet 💩
 * ✅ Handles your _Scrolling_ needs, natively.
 * ✅ Handles your _Footer_ needs, natively.
 * ✅ Handles your _Keyboard_ needs, natively.
-* ✅ Asynchronus `ref` [methods](#methods).
-* ✅ Bonus! [Blur](#blurtint) support on IOS 😎
+* ✅ Asynchronus `ref` [methods](https://sheet.lodev09.com/reference/methods#ref-methods).
+* ✅ Bonus! [Blur](https://sheet.lodev09.com/reference/types#blurtint) support on IOS 😎
 
 ## Installation
 
@@ -28,7 +28,11 @@ yarn add @lodev09/react-native-true-sheet
 npm i @lodev09/react-native-true-sheet
 ```
 
-> This package is not compatible with [Expo Go](https://docs.expo.dev/get-started/expo-go/). Use this with [Expo CNG](https://docs.expo.dev/workflow/continuous-native-generation/) instead.
+## Documentation
+
+- [Guides](https://sheet.lodev09.com/category/guides)
+- [Reference](https://sheet.lodev09.com/category/reference)
+- [Example](example)
 
 ## Usage
 
@@ -58,307 +62,6 @@ return (
 )
 ```
 
-## Options
-
-Props available for `TrueSheet`.
-Extends `ViewProps`
-
-| Prop | Type | Default | Description | 🍎 | 🤖 |
-| - | - | - | - | - | - |
-| sizes | [`SheetSize[]`](#sheetsize) | `["medium", "large"]` | Array of sizes you want the sheet to support. Maximum of _**3 sizes**_ only! **_collapsed_**, **_half-expanded_**, and **_expanded_**. Example: `size={["auto", "60%", "large"]}`| ✅ | ✅ |
-| name | `string` | - | The name to reference this sheet. It has to be **_unique_**. You can then present this sheet globally using its name. | ✅ | ✅ |
-| backgroundColor | `ColorValue` | `"white"` | The sheet's background color. | ✅ | ✅ |
-| cornerRadius | `number` | - | the sheet corner radius. | ✅ | ✅ |
-| maxHeight | `number` | - | Overrides `"large"` or `"100%"` height. | ✅ | ✅ |
-| contentContainerStyle | `StyleProp<ViewStyle>` | - | Optional content container styles. | ✅ | ✅ |
-| FooterComponent | `ComponentType<...> \| ReactElement` | - | A component that floats at the bottom of the sheet. Accepts a functional `Component` or `ReactElement`. | ✅ | ✅ |
-| dismissible | `boolean` | `true` | If set to `false`, the sheet will prevent interactive dismissal via dragging or clicking outside of it. | ✅ | ✅ |
-| grabber | `boolean` | `true` | Shows a grabber (or handle). Native on IOS and styled `View` on Android. | ✅ | ✅ |
-| grabberProps | [`TrueSheetGrabberProps`](#truesheetgrabberprops) | - | Overrides the grabber props for android. | | ✅ |
-| blurTint | [`BlurTint`](#blurtint) | - | The blur effect style on IOS. Overrides `backgroundColor` if set. Example: `"light"`, `"dark"`, etc. | ✅ | |
-| scrollRef | `RefObject<...>` | - | The main scrollable ref that the sheet should handle on IOS. | ✅ | |
-
-## Methods
-
-```tsx
-const sheet = useRef<TrueSheet>(null)
-
-const resize = () => {
-  sheet.current?.resize(1)
-}
-
-const dismiss = () => {
-  sheet.current?.dismiss()
-}
-
-return (
-  <View>
-    <Button onPress={resize} title="Resize to 80%" />
-    <Button onPress={dismiss} title="Dimiss" />
-    <TrueSheet sizes={['auto', '80%']} ref={sheet}>
-      // ...
-    </TrueSheet>
-  </View>
-)
-```
-
-| Name | Parameters | Description |
-| - | - | - |
-| present | `index: number = 0` | Present the modal sheet. Optionally accepts a size `index`. See `sizes` prop. |
-| resize | `index: number` | Resizes the sheet programmatically by `index`. This is an alias of the `present(index)` method. |
-| dismiss | - | Dismisses the sheet. |
-
-### Static Methods
-
-You can also call the above methods statically without having access to a sheet's `ref`. This is particularly useful when you want to present a sheet from anywhere.
-
-The API is similar to the ref methods except for the required `name` prop.
-
-```ts
-TrueSheet.present('SHEET-NAME')
-TrueSheet.dismiss('SHEET-NAME')
-TrueSheet.resize('SHEET-NAME', 1)
-```
-
-Example:
-```tsx
-// Define the sheet as usual
-<TrueSheet name="my-sheet">
-  // ...
-</TrueSheet>
-```
-```tsx
-// Somewhere in your screen
-const presentMySheet = async () => {
-  await TrueSheet.present('my-sheet')
-  console.log('🎉')
-}
-
-return (
-  <Button onPress={presentMySheet} />
-)
-```
-
-## Events
-
-```tsx
-const handleSizeChange = (info: SizeInfo) => {
-  console.log(info)
-}
-
-return (
-  <TrueSheet onSizeChange={handleSizeChange} sizes={['auto', '80%']} ref={sheet}>
-    // ...
-  </TrueSheet>
-)
-```
-
-| Name | Parameters | Description |
-| - | - | - |
-| onPresent | [`SizeInfo`](#sizeinfo) | Called when the sheet has been presented. Comes with the size index and value. |
-| onDismiss | - | Called when the sheet has been dismissed. |
-| onSizeChange | [`SizeInfo`](#sizeinfo) | Called when the size of the sheet has changed. Either by dragging or presenting programatically. Comes with the size index and value. |
-
-## Types
-
-### `SheetSize`
-
-```tsx
-<TrueSheet sizes={['auto', '80%', 'large']}>
-  // ...
-</TrueSheet>
-```
-
-| Value | Description | 🍎 | 🤖 |
-| - | - | - | - |
-| `"auto"` | Auto resize based on content height. | **_16+_** | ✅ |
-| `"small"` | Translates to 25% | **_16+_** | ✅ |
-| `"medium"` | Translates to 50% | **_15+_** | ✅ |
-| `"large"` | Translates to 100% | ✅ | ✅ |
-| `"${number}%"` | Fixed height in % | **_16+_** | ✅ |
-| `number` | Fixed height | **_16+_** | ✅ |
-
-> [!NOTE]
-> `auto` is not guaranteed to be accurate if your content depends on various rendering logic. Experiment with it and try to keep your content size as fixed as possible.
->
-> Alternatively, you can programmatically call [`resize`](#methods) to adjust the sheet size on-the-fly.
-
-### `TrueSheetGrabberProps`
-
-Grabber props to be used for android grabber or handle.
-
-| Prop | Type | Default | Description |
-| - | - | - | - |
-| visible | `boolean` | `true` | Is grabber visible. |
-| color | `ColorValue` | `"rgba(73,69,79,0.4)"` | Grabber color according to M3 specs. |
-| height | `number` | `4` | Grabber height according to M3 specs. |
-| width | `number` | `32` | Grabber width according to M3 specs. |
-| topOffset | `number` | `0` | Grabber top position offset. |
-
-### `BlurTint`
-
-Blur tint that is mapped into native values in IOS.
-
-```tsx
-<TrueSheet blurTint="dark">
-  // ...
-</TrueSheet>
-```
-
-| Value |
-| - |
-| `"light"` |
-| `"dark"` |
-| `"default"` |
-| `"extraLight"` |
-| `"regular"` |
-| `"prominent"` |
-| `"systemUltraThinMaterial"` |
-| `"systemThinMaterial"` |
-| `"systemMaterial"` |
-| `"systemThickMaterial"` |
-| `"systemChromeMaterial"` |
-| `"systemUltraThinMaterialLight"` |
-| `"systemThinMaterialLight"` |
-| `"systemMaterialLight"` |
-| `"systemThickMaterialLight"` |
-| `"systemChromeMaterialLight"` |
-| `"systemUltraThinMaterialDark"` |
-| `"systemThinMaterialDark"` |
-| `"systemMaterialDark"` |
-| `"systemThickMaterialDark"` |
-| `"systemChromeMaterialDark"` |
-
-### `SizeInfo`
-
-`Object` that comes with some events.
-
-```tsx
-{
-  index: 1,
-  value: 69
-}
-```
-
-| Property | Type | Description |
-| - | - | - |
-| index | `number` | The size index from the provided sizes. See `sizes` prop. |
-| value | `number` | The actual height value of the size. |
-
-## Testing
-
-When using `jest`, simply mock the entire package.
-
-```tsx
-jest.mock('@lodev09/react-native-true-sheet')
-```
-
-## Troubleshooting
-
-### Presenting a sheet on top of an existing sheet on **IOS**
-
-On IOS, presenting a sheet on top of an existing sheet will cause error.
-
-```console
-Attempt to present <TrueSheet.TrueSheetViewController: 0x11829f800> on <UIViewController: 0x10900eb10> (from <RNSScreen: 0x117dbf400>) which is already presenting <TrueSheet.TrueSheetViewController: 0x11a0b9200>
-```
-
-There are _two_ ways to resolve this.
-
-1. Dismiss the "parent" sheet first
-    ```tsx
-    const presentSheet2 = async () => {
-      await sheet1.current?.dismiss() // Wait for sheet 1 to dismiss ✅
-      await sheet2.current?.present() // Sheet 2 will now present 🎉
-    }
-
-    return (
-      <>
-        <TrueSheet ref={sheet1}>
-          <Button onPress={presentSheet2} title="Present Sheet 2" />
-          // ...
-        </TrueSheet>
-
-        <TrueSheet ref={sheet2}>
-          // ...
-        </TrueSheet>
-      </>
-    )
-    ```
-2. Define the 2nd sheet within the "parent" sheet. IOS handles this automatically by default 😎.
-    ```tsx
-    const presentSheet2 = async () => {
-      await sheet2.current?.present() // Sheet 2 will now present 🎉
-    }
-
-    return (
-      <TrueSheet ref={sheet1}>
-        <Button onPress={presentSheet2} title="Present Sheet 2" />
-
-        // ...
-
-        <TrueSheet ref={sheet2}>
-          // ...
-        </TrueSheet>
-      </TrueSheet>
-    )
-    ```
-
-### Handling `ScrollView` on **Android**
-
-On Android, `nestedScrollEnabled` needs to be enabled so that scrolling works when the sheet is expanded to its `maxHeight`.
-
-```tsx
-<TrueSheet ref={sheet}>
-  <ScrollView nestedScrollEnabled>
-    // ...
-  </ScrollView>
-</TrueSheet>
-```
-
-### Using `react-native-gesture-handler` on **Android**
-
-On Android, RNGH does not work by default because modals are not located under React Native Root view in native hierarchy. To fix that, components need to be wrapped with `GestureHandlerRootView`.
-
-Example:
-```tsx
-import { GestureHandlerRootView } from 'react-native-gesture-handler'
-```
-```tsx
-return (
-  <TrueSheet ref={sheet}>
-    <GestureHandlerRootView>
-      // ...
-    </GestureHandlerRootView>
-  </TrueSheet>
-)
-```
-
-### Integrating `@react-navigation/native` on **IOS**
-
-On IOS, navigating to a [React Navigation](https://reactnavigation.org) screen from within the Sheet can cause issues. To resolve this, dismiss the sheet before navigating!
-
-Example:
-```tsx
-const sheet = useRef<TrueSheet>(null)
-
-const navigate = async () => {
-  await sheet.current?.dismiss() // wait for the sheet to dismiss ✅
-  navigation.navigate('SomeScreen') // navigate to the screen 🎉
-}
-
-return (
-  <TrueSheet ref={sheet}>
-    <Button onPress={navigate} title="Navigate to SomeScreen" />
-    // ...
-  </TrueSheet>
-)
-```
-
-### Weird layout render
-
-The sheet does not have control over how React Native renders components and may lead to rendering issues. To resolve this, try to minimize the use of `flex=1` in your content styles. Instead, use fixed `height` or employ `flexGrow`, `flexBasis`, etc., to manage your layout requirements.
-
 ## v1 Roadmap
 
 - [ ] Inline sheet

package/android/src/main/java/com/lodev09/truesheet/TrueSheetDialog.kt

@@ -18,9 +18,10 @@ class TrueSheetDialog(private val reactContext: ThemedReactContext, private val
   private var keyboardManager = KeyboardManager(reactContext)
 
   var maxScreenHeight: Int = 0
+  var contentHeight: Int = 0
+  var footerHeight: Int = 0
   var maxSheetHeight: Int? = null
 
-  var contentView: ViewGroup? = null
   var footerView: ViewGroup? = null
 
   var sizes: Array<Any> = arrayOf("medium", "large")
@@ -57,7 +58,7 @@ class TrueSheetDialog(private val reactContext: ThemedReactContext, private val
 
   fun positionFooter() {
     footerView?.apply {
-      y = (maxScreenHeight - sheetView.top - height).toFloat()
+      y = (maxScreenHeight - sheetView.top - footerHeight).toFloat()
     }
   }
 
@@ -71,7 +72,7 @@ class TrueSheetDialog(private val reactContext: ThemedReactContext, private val
   /**
    * Get the height value based on the size config value.
    */
-  private fun getSizeHeight(size: Any, contentHeight: Int): Int {
+  private fun getSizeHeight(size: Any): Int {
     val height =
       when (size) {
         is Double -> Utils.toPixel(size)
@@ -80,7 +81,7 @@ class TrueSheetDialog(private val reactContext: ThemedReactContext, private val
 
         is String -> {
           when (size) {
-            "auto" -> contentHeight
+            "auto" -> contentHeight + footerHeight
 
             "large" -> maxScreenHeight
 
@@ -172,11 +173,6 @@ class TrueSheetDialog(private val reactContext: ThemedReactContext, private val
    * Configure the sheet based on size preferences.
    */
   fun configure() {
-    var contentHeight = 0
-
-    contentView?.let { contentHeight = it.height }
-    footerView?.let { contentHeight += it.height }
-
     // Configure sheet sizes
     behavior.apply {
       skipCollapsed = false
@@ -187,23 +183,22 @@ class TrueSheetDialog(private val reactContext: ThemedReactContext, private val
 
       when (sizes.size) {
         1 -> {
-          maxHeight = getSizeHeight(sizes[0], contentHeight)
-          setPeekHeight(maxHeight, isShowing)
+          maxHeight = getSizeHeight(sizes[0])
           skipCollapsed = true
         }
 
         2 -> {
-          setPeekHeight(getSizeHeight(sizes[0], contentHeight), isShowing)
-          maxHeight = getSizeHeight(sizes[1], contentHeight)
+          setPeekHeight(getSizeHeight(sizes[0]), isShowing)
+          maxHeight = getSizeHeight(sizes[1])
         }
 
         3 -> {
           // Enables half expanded
           isFitToContents = false
 
-          setPeekHeight(getSizeHeight(sizes[0], contentHeight), isShowing)
-          halfExpandedRatio = getSizeHeight(sizes[1], contentHeight).toFloat() / maxScreenHeight.toFloat()
-          maxHeight = getSizeHeight(sizes[2], contentHeight)
+          setPeekHeight(getSizeHeight(sizes[0]), isShowing)
+          halfExpandedRatio = getSizeHeight(sizes[1]).toFloat() / maxScreenHeight.toFloat()
+          maxHeight = getSizeHeight(sizes[2])
         }
       }
     }

package/android/src/main/java/com/lodev09/truesheet/TrueSheetView.kt

@@ -52,11 +52,6 @@ class TrueSheetView(context: Context) :
    */
   private val rootSheetView: RootSheetView
 
-  /**
-   * 1st child of the container view.
-   */
-  private var contentView: ViewGroup? = null
-
   /**
    * 2nd child of the container view.
    */
@@ -103,19 +98,17 @@ class TrueSheetView(context: Context) :
         // dispatch onDismiss event
         eventDispatcher?.dispatchEvent(DismissEvent(surfaceId, id))
       }
-    }
 
-    // Configure sheet behavior events
-    sheetDialog.apply {
+      // Configure sheet behavior events
       behavior.addBottomSheetCallback(
         object : BottomSheetBehavior.BottomSheetCallback() {
           override fun onSlide(sheetView: View, slideOffset: Float) {
             footerView?.let {
-              val y = (maxScreenHeight - sheetView.top - it.height).toFloat()
+              val y = (maxScreenHeight - sheetView.top - footerHeight).toFloat()
               if (slideOffset >= 0) {
                 it.y = y
               } else {
-                it.y = y - it.height * slideOffset
+                it.y = y - footerHeight * slideOffset
               }
             }
           }
@@ -165,10 +158,8 @@ class TrueSheetView(context: Context) :
 
     (child as ViewGroup).let {
       // Container View's first child is the Content View
-      contentView = it.getChildAt(0) as ViewGroup
       footerView = it.getChildAt(1) as ViewGroup
 
-      sheetDialog.contentView = contentView
       sheetDialog.footerView = footerView
 
       // rootView's first child is the Container View
@@ -218,18 +209,26 @@ class TrueSheetView(context: Context) :
     sheetDialog.dismiss()
   }
 
-  private fun configureIfPresented() {
+  private fun configureIfShowing() {
     if (sheetDialog.isShowing) {
-      UiThreadUtil.runOnUiThread {
-        sheetDialog.configure()
-        sheetDialog.positionFooter()
-      }
+      sheetDialog.configure()
+      sheetDialog.positionFooter()
     }
   }
 
   fun setMaxHeight(height: Int) {
     sheetDialog.maxSheetHeight = height
-    configureIfPresented()
+    configureIfShowing()
+  }
+
+  fun setContentHeight(height: Int) {
+    sheetDialog.contentHeight = height
+    configureIfShowing()
+  }
+
+  fun setFooterHeight(height: Int) {
+    sheetDialog.footerHeight = height
+    configureIfShowing()
   }
 
   fun setDismissible(dismissible: Boolean) {
@@ -239,7 +238,7 @@ class TrueSheetView(context: Context) :
 
   fun setSizes(newSizes: Array<Any>) {
     sheetDialog.sizes = newSizes
-    configureIfPresented()
+    configureIfShowing()
   }
 
   /**

package/android/src/main/java/com/lodev09/truesheet/TrueSheetViewManager.kt

@@ -39,6 +39,16 @@ class TrueSheetViewManager : ViewGroupManager<TrueSheetView>() {
     view.setDismissible(dismissible)
   }
 
+  @ReactProp(name = "contentHeight")
+  fun setContentHeight(view: TrueSheetView, height: Double) {
+    view.setContentHeight(Utils.toPixel(height))
+  }
+
+  @ReactProp(name = "footerHeight")
+  fun setFooterHeight(view: TrueSheetView, height: Double) {
+    view.setFooterHeight(Utils.toPixel(height))
+  }
+
   @ReactProp(name = "sizes")
   fun setSizes(view: TrueSheetView, sizes: ReadableArray) {
     val result = ArrayList<Any>()

package/ios/TrueSheetView.swift

@@ -10,8 +10,6 @@
 class TrueSheetView: UIView, RCTInvalidating, TrueSheetViewControllerDelegate {
   // MARK: - React properties
 
-  var maxHeight: CGFloat?
-
   // Events
   @objc var onDismiss: RCTDirectEventBlock?
   @objc var onPresent: RCTDirectEventBlock?
@@ -40,24 +38,6 @@ class TrueSheetView: UIView, RCTInvalidating, TrueSheetViewControllerDelegate {
 
   private var rctScrollView: RCTScrollView?
 
-  // Content height minus the footer height for `auto` layout
-  private var contentHeight: CGFloat {
-    guard let contentView else { return 0 }
-
-    var height = contentView.frame.height
-
-    // Add footer view's height
-    if let footerContent = footerView?.subviews.first {
-      height += footerContent.bounds.height
-    }
-
-    // Exclude bottom safe area for consistency with a Scrollable content
-    let window = UIApplication.shared.windows.first(where: { $0.isKeyWindow })
-    let bottomInset = window?.safeAreaInsets.bottom ?? 0
-
-    return height - bottomInset
-  }
-
   // MARK: - Setup
 
   init(with bridge: RCTBridge) {
@@ -127,7 +107,7 @@ class TrueSheetView: UIView, RCTInvalidating, TrueSheetViewControllerDelegate {
       }
 
       // Update content containers
-      setupContent()
+      setupScrollable()
     }
   }
 
@@ -158,14 +138,10 @@ class TrueSheetView: UIView, RCTInvalidating, TrueSheetViewControllerDelegate {
 
     let size = CGSize(width: width, height: containerView.bounds.height)
     bridge.uiManager.setSize(size, for: containerView)
-
-    if let footerView {
-      bridge.uiManager.setSize(size, for: footerView)
-    }
   }
 
   func viewControllerWillAppear() {
-    setupContent()
+    setupScrollable()
   }
 
   func viewControllerDidDismiss() {
@@ -199,6 +175,35 @@ class TrueSheetView: UIView, RCTInvalidating, TrueSheetViewControllerDelegate {
     configureSheetIfPresented()
   }
 
+  @objc
+  func setContentHeight(_ height: NSNumber) {
+    // Exclude bottom safe area for consistency with a Scrollable content
+    let window = UIApplication.shared.windows.first(where: { $0.isKeyWindow })
+    let bottomInset = window?.safeAreaInsets.bottom ?? 0
+
+    viewController.contentHeight = CGFloat(height.floatValue) - bottomInset
+    configureSheetIfPresented()
+  }
+
+  @objc
+  func setFooterHeight(_ height: NSNumber) {
+    guard let footerView, let footerViewHeightConstraint else {
+      return
+    }
+
+    viewController.footerHeight = CGFloat(height.floatValue)
+
+    if footerView.subviews.first != nil {
+      containerView?.bringSubviewToFront(footerView)
+      footerViewHeightConstraint.constant = viewController.footerHeight
+    } else {
+      containerView?.sendSubviewToBack(footerView)
+      footerViewHeightConstraint.constant = 0
+    }
+
+    configureSheetIfPresented()
+  }
+
   @objc
   func setSizes(_ sizes: [Any]) {
     viewController.sizes = Array(sizes.prefix(3))
@@ -224,7 +229,7 @@ class TrueSheetView: UIView, RCTInvalidating, TrueSheetViewControllerDelegate {
 
     viewController.cornerRadius = cornerRadius
     if #available(iOS 15.0, *) {
-      configureSheetIfPresented { sheet in
+      configureIfPresented { sheet in
         sheet.preferredCornerRadius = viewController.cornerRadius
       }
     }
@@ -234,7 +239,7 @@ class TrueSheetView: UIView, RCTInvalidating, TrueSheetViewControllerDelegate {
   func setGrabber(_ visible: Bool) {
     viewController.grabber = visible
     if #available(iOS 15.0, *) {
-      configureSheetIfPresented { sheet in
+      configureIfPresented { sheet in
         sheet.prefersGrabberVisible = visible
       }
     }
@@ -258,7 +263,7 @@ class TrueSheetView: UIView, RCTInvalidating, TrueSheetViewControllerDelegate {
 
   /// Use to customize some properties of the Sheet
   @available(iOS 15.0, *)
-  func configureSheetIfPresented(completion: (UISheetPresentationController) -> Void) {
+  func configureIfPresented(completion: (UISheetPresentationController) -> Void) {
     guard isPresented, let sheet = viewController.sheetPresentationController else {
       return
     }
@@ -269,11 +274,11 @@ class TrueSheetView: UIView, RCTInvalidating, TrueSheetViewControllerDelegate {
   /// Full reconfiguration of the Sheet
   func configureSheetIfPresented() {
     if isPresented {
-      viewController.configureSheet(at: activeIndex ?? 0, with: contentHeight, nil)
+      viewController.configureSheet(at: activeIndex ?? 0, nil)
     }
   }
 
-  func setupContent() {
+  func setupScrollable() {
     guard let contentView, let containerView else { return }
 
     // Add constraints to fix weirdness and support ScrollView
@@ -281,16 +286,6 @@ class TrueSheetView: UIView, RCTInvalidating, TrueSheetViewControllerDelegate {
       contentView.pinTo(view: containerView, constraints: nil)
       rctScrollView.pinTo(view: contentView, constraints: nil)
     }
-
-    if let footerView, let footerViewHeightConstraint {
-      if let footerContent = footerView.subviews.first {
-        containerView.bringSubviewToFront(footerView)
-        footerViewHeightConstraint.constant = footerContent.bounds.height
-      } else {
-        containerView.sendSubviewToBack(footerView)
-        footerViewHeightConstraint.constant = 0
-      }
-    }
   }
 
   func dismiss(promise: Promise) {
@@ -317,7 +312,7 @@ class TrueSheetView: UIView, RCTInvalidating, TrueSheetViewControllerDelegate {
       return
     }
 
-    viewController.configureSheet(at: index, with: contentHeight) { sizeInfo in
+    viewController.configureSheet(at: index) { sizeInfo in
       // Trigger onSizeChange event when size is changed while presenting
       if self.isPresented {
         self.viewControllerSheetDidChangeSize(sizeInfo)

package/ios/TrueSheetViewController.swift

@@ -36,7 +36,11 @@ class TrueSheetViewController: UIViewController, UISheetPresentationControllerDe
   var detentValues: [String: SizeInfo] = [:]
 
   var sizes: [Any] = ["medium", "large"]
+
   var maxHeight: CGFloat?
+  var contentHeight: CGFloat = 0
+  var footerHeight: CGFloat = 0
+
   var cornerRadius: CGFloat?
   var grabber = true
 
@@ -123,7 +127,7 @@ class TrueSheetViewController: UIViewController, UISheetPresentationControllerDe
   }
 
   /// Prepares the view controller for sheet presentation
-  func configureSheet(at index: Int = 0, with contentHeight: CGFloat, _ completion: ((SizeInfo) -> Void)?) {
+  func configureSheet(at index: Int = 0, _ completion: ((SizeInfo) -> Void)?) {
     let defaultSizeInfo = SizeInfo(index: index, value: view.bounds.height)
 
     guard #available(iOS 15.0, *), let sheet = sheetPresentationController else {
@@ -136,7 +140,7 @@ class TrueSheetViewController: UIViewController, UISheetPresentationControllerDe
     var detents: [UISheetPresentationController.Detent] = []
 
     for (index, size) in sizes.enumerated() {
-      let detent = detentFor(size, with: contentHeight, with: maxHeight) { id, value in
+      let detent = detentFor(size, with: contentHeight + footerHeight, with: maxHeight) { id, value in
         self.detentValues[id] = SizeInfo(index: index, value: value)
       }
 

package/ios/TrueSheetViewManager.m

@@ -36,4 +36,8 @@ RCT_EXPORT_VIEW_PROPERTY(cornerRadius, NSNumber)
 RCT_EXPORT_VIEW_PROPERTY(grabber, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(dismissible, BOOL)
 
+// Internal properties
+RCT_EXPORT_VIEW_PROPERTY(contentHeight, NSNumber)
+RCT_EXPORT_VIEW_PROPERTY(footerHeight, NSNumber)
+
 @end

package/lib/commonjs/TrueSheet.js

@@ -33,7 +33,11 @@ class TrueSheet extends _react.PureComponent {
     this.onDismiss = this.onDismiss.bind(this);
     this.onPresent = this.onPresent.bind(this);
     this.onSizeChange = this.onSizeChange.bind(this);
+    this.onContentLayout = this.onContentLayout.bind(this);
+    this.onFooterLayout = this.onFooterLayout.bind(this);
     this.state = {
+      contentHeight: undefined,
+      footerHeight: undefined,
       scrollableHandle: null
     };
   }
@@ -95,6 +99,17 @@ class TrueSheet extends _react.PureComponent {
   onPresent(event) {
     this.props.onPresent?.(event.nativeEvent);
   }
+  onFooterLayout(layout) {
+    console.log('footerHeight', layout.height);
+    this.setState({
+      footerHeight: layout.height
+    });
+  }
+  onContentLayout(layout) {
+    this.setState({
+      contentHeight: layout.height
+    });
+  }
   onDismiss() {
     this.props.onDismiss?.();
   }
@@ -153,6 +168,8 @@ class TrueSheet extends _react.PureComponent {
       sizes: sizes,
       blurTint: blurTint,
       cornerRadius: cornerRadius,
+      contentHeight: this.state.contentHeight,
+      footerHeight: this.state.footerHeight,
       grabber: grabber,
       dismissible: dismissible,
       maxHeight: maxHeight,
@@ -176,9 +193,11 @@ class TrueSheet extends _react.PureComponent {
       }, style]
     }, rest), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
       collapsable: false,
+      onLayout: e => this.onContentLayout(e.nativeEvent.layout),
       style: contentContainerStyle
     }, children), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      collapsable: false
+      collapsable: false,
+      onLayout: e => this.onFooterLayout(e.nativeEvent.layout)
     }, /*#__PURE__*/_react.default.createElement(_TrueSheetFooter.TrueSheetFooter, {
       Component: FooterComponent
     })), _reactNative.Platform.OS === 'android' && /*#__PURE__*/_react.default.createElement(_TrueSheetGrabber.TrueSheetGrabber, _extends({

package/lib/commonjs/TrueSheet.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_TrueSheetModule","_TrueSheetGrabber","_TrueSheetFooter","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","NATIVE_COMPONENT_NAME","LINKING_ERROR","Platform","select","ios","TrueSheetNativeView","requireNativeComponent","Error","TrueSheet","PureComponent","displayName","handles","constructor","props","ref","createRef","onDismiss","onPresent","onSizeChange","state","scrollableHandle","getHandle","name","handle","console","warn","present","index","TrueSheetModule","dismiss","resize","nodeHandle","findNodeHandle","current","updateState","scrollRef","setState","event","nativeEvent","componentDidMount","sizes","componentDidUpdate","render","backgroundColor","dismissible","grabber","grabberProps","blurTint","cornerRadius","maxHeight","FooterComponent","style","contentContainerStyle","children","rest","createElement","$nativeSheet","View","collapsable","overflow","undefined","android","borderTopLeftRadius","borderTopRightRadius","TrueSheetFooter","Component","OS","TrueSheetGrabber","visible","exports","position","left","zIndex"],"sourceRoot":"../../src","sources":["TrueSheet.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAWA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAAmD,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAY,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAL,CAAA,MAAAA,CAAA,GAAAM,SAAA,CAAAC,MAAA,EAAAP,CAAA,UAAAQ,MAAA,GAAAF,SAAA,CAAAN,CAAA,YAAAS,GAAA,IAAAD,MAAA,QAAAf,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAEnD,MAAMK,qBAAqB,GAAG,eAAe;AAC7C,MAAMC,aAAa,GAChB,2FAA0F,GAC3FC,qBAAQ,CAACC,MAAM,CAAC;EAAEC,GAAG,EAAE,gCAAgC;EAAE5B,OAAO,EAAE;AAAG,CAAC,CAAC,GACvE,sDAAsD,GACtD,+BAA+B;AAcjC,MAAM6B,mBAAmB,GAAG,IAAAC,mCAAsB,EAA2BN,qBAAqB,CAAC;AAEnG,IAAI,CAACK,mBAAmB,EAAE;EACxB,MAAM,IAAIE,KAAK,CAACN,aAAa,CAAC;AAChC;AAEO,MAAMO,SAAS,SAASC,oBAAa,CAAiC;EAC3EC,WAAW,GAAG,WAAW;EAIzB;AACF;AACA;EACE,OAAwBC,OAAO,GAA+B,CAAC,CAAC;EAEhEC,WAAWA,CAACC,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,CAAC;IAEZ,IAAI,CAACC,GAAG,gBAAG,IAAAC,gBAAS,EAAY,CAAC;IAEjC,IAAI,CAACC,SAAS,GAAG,IAAI,CAACA,SAAS,CAACvB,IAAI,CAAC,IAAI,CAAC;IAC1C,IAAI,CAACwB,SAAS,GAAG,IAAI,CAACA,SAAS,CAACxB,IAAI,CAAC,IAAI,CAAC;IAC1C,IAAI,CAACyB,YAAY,GAAG,IAAI,CAACA,YAAY,CAACzB,IAAI,CAAC,IAAI,CAAC;IAEhD,IAAI,CAAC0B,KAAK,GAAG;MACXC,gBAAgB,EAAE;IACpB,CAAC;EACH;EAEA,OAAeC,SAASA,CAACC,IAAY,EAAE;IACrC,MAAMC,MAAM,GAAGf,SAAS,CAACG,OAAO,CAACW,IAAI,CAAC;IACtC,IAAI,CAACC,MAAM,EAAE;MACXC,OAAO,CAACC,IAAI,CAAE,uCAAsCH,IAAK,0BAAyB,CAAC;MACnF;IACF;IAEA,OAAOC,MAAM;EACf;;EAEA;AACF;AACA;AACA;EACE,aAAoBG,OAAOA,CAACJ,IAAY,EAAEK,KAAa,GAAG,CAAC,EAAE;IAC3D,MAAMJ,MAAM,GAAGf,SAAS,CAACa,SAAS,CAACC,IAAI,CAAC;IACxC,IAAI,CAACC,MAAM,EAAE;IAEb,MAAMK,gCAAe,CAACF,OAAO,CAACH,MAAM,EAAEI,KAAK,CAAC;EAC9C;;EAEA;AACF;AACA;AACA;EACE,aAAoBE,OAAOA,CAACP,IAAY,EAAE;IACxC,MAAMC,MAAM,GAAGf,SAAS,CAACa,SAAS,CAACC,IAAI,CAAC;IACxC,IAAI,CAACC,MAAM,EAAE;IAEb,MAAMK,gCAAe,CAACC,OAAO,CAACN,MAAM,CAAC;EACvC;;EAEA;AACF;AACA;AACA;EACE,aAAoBO,MAAMA,CAACR,IAAY,EAAEK,KAAa,EAAE;IACtD,MAAMnB,SAAS,CAACkB,OAAO,CAACJ,IAAI,EAAEK,KAAK,CAAC;EACtC;EAEA,IAAYJ,MAAMA,CAAA,EAAW;IAC3B,MAAMQ,UAAU,GAAG,IAAAC,2BAAc,EAAC,IAAI,CAAClB,GAAG,CAACmB,OAAO,CAAC;IACnD,IAAIF,UAAU,IAAI,IAAI,IAAIA,UAAU,KAAK,CAAC,CAAC,EAAE;MAC3C,MAAM,IAAIxB,KAAK,CAAC,+BAA+B,CAAC;IAClD;IAEA,OAAOwB,UAAU;EACnB;EAEQG,WAAWA,CAAA,EAAS;IAC1B,MAAMd,gBAAgB,GAAG,IAAI,CAACP,KAAK,CAACsB,SAAS,EAAEF,OAAO,GAClD,IAAAD,2BAAc,EAAC,IAAI,CAACnB,KAAK,CAACsB,SAAS,CAACF,OAAO,CAAC,GAC5C,IAAI;IAER,IAAI,IAAI,CAACpB,KAAK,CAACS,IAAI,EAAE;MACnBd,SAAS,CAACG,OAAO,CAAC,IAAI,CAACE,KAAK,CAACS,IAAI,CAAC,GAAG,IAAI,CAACC,MAAM;IAClD;IAEA,IAAI,CAACa,QAAQ,CAAC;MACZhB;IACF,CAAC,CAAC;EACJ;EAEQF,YAAYA,CAACmB,KAAqC,EAAQ;IAChE,IAAI,CAACxB,KAAK,CAACK,YAAY,GAAGmB,KAAK,CAACC,WAAW,CAAC;EAC9C;EAEQrB,SAASA,CAACoB,KAAqC,EAAQ;IAC7D,IAAI,CAACxB,KAAK,CAACI,SAAS,GAAGoB,KAAK,CAACC,WAAW,CAAC;EAC3C;EAEQtB,SAASA,CAAA,EAAS;IACxB,IAAI,CAACH,KAAK,CAACG,SAAS,GAAG,CAAC;EAC1B;;EAEA;AACF;AACA;AACA;EACE,MAAaU,OAAOA,CAACC,KAAa,GAAG,CAAC,EAAiB;IACrD,MAAMC,gCAAe,CAACF,OAAO,CAAC,IAAI,CAACH,MAAM,EAAEI,KAAK,CAAC;EACnD;;EAEA;AACF;AACA;AACA;EACE,MAAaG,MAAMA,CAACH,KAAa,EAAiB;IAChD,MAAM,IAAI,CAACD,OAAO,CAACC,KAAK,CAAC;EAC3B;;EAEA;AACF;AACA;EACE,MAAaE,OAAOA,CAAA,EAAkB;IACpC,MAAMD,gCAAe,CAACC,OAAO,CAAC,IAAI,CAACN,MAAM,CAAC;EAC5C;EAEAgB,iBAAiBA,CAAA,EAAS;IACxB,IAAI,IAAI,CAAC1B,KAAK,CAAC2B,KAAK,IAAI,IAAI,CAAC3B,KAAK,CAAC2B,KAAK,CAAC5C,MAAM,GAAG,CAAC,EAAE;MACnD4B,OAAO,CAACC,IAAI,CACV,+GACF,CAAC;IACH;IAEA,IAAI,CAACS,WAAW,CAAC,CAAC;EACpB;EAEAO,kBAAkBA,CAAA,EAAS;IACzB,IAAI,CAACP,WAAW,CAAC,CAAC;EACpB;EAEAQ,MAAMA,CAAA,EAAc;IAClB,MAAM;MACJF,KAAK,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC;MAC3BG,eAAe,GAAG,OAAO;MACzBC,WAAW,GAAG,IAAI;MAClBC,OAAO,GAAG,IAAI;MACdC,YAAY;MACZC,QAAQ;MACRC,YAAY;MACZC,SAAS;MACTC,eAAe;MACfC,KAAK;MACLC,qBAAqB;MACrBC,QAAQ;MACR,GAAGC;IACL,CAAC,GAAG,IAAI,CAACzC,KAAK;IAEd,oBACElD,MAAA,CAAAa,OAAA,CAAA+E,aAAA,CAAClD,mBAAmB;MAClBS,GAAG,EAAE,IAAI,CAACA,GAAI;MACdqC,KAAK,EAAEK,YAAa;MACpBpC,gBAAgB,EAAE,IAAI,CAACD,KAAK,CAACC,gBAAiB;MAC9CoB,KAAK,EAAEA,KAAM;MACbO,QAAQ,EAAEA,QAAS;MACnBC,YAAY,EAAEA,YAAa;MAC3BH,OAAO,EAAEA,OAAQ;MACjBD,WAAW,EAAEA,WAAY;MACzBK,SAAS,EAAEA,SAAU;MACrBhC,SAAS,EAAE,IAAI,CAACA,SAAU;MAC1BD,SAAS,EAAE,IAAI,CAACA,SAAU;MAC1BE,YAAY,EAAE,IAAI,CAACA;IAAa,gBAEhCvD,MAAA,CAAAa,OAAA,CAAA+E,aAAA,CAACzF,YAAA,CAAA2F,IAAI,EAAAlE,QAAA;MACHmE,WAAW,EAAE,KAAM;MACnBP,KAAK,EAAE,CACL;QACEQ,QAAQ,EAAEzD,qBAAQ,CAACC,MAAM,CAAC;UAAEC,GAAG,EAAEwD,SAAS;UAAEC,OAAO,EAAE;QAAS,CAAC,CAAC;QAChEC,mBAAmB,EAAEd,YAAY;QACjCe,oBAAoB,EAAEf,YAAY;QAElC;QACAL,eAAe,EAAEzC,qBAAQ,CAACC,MAAM,CAAC;UAC/BC,GAAG,EAAE2C,QAAQ,GAAGa,SAAS,GAAGjB,eAAe;UAC3CkB,OAAO,EAAElB;QACX,CAAC;MACH,CAAC,EACDQ,KAAK;IACL,GACEG,IAAI,gBAER3F,MAAA,CAAAa,OAAA,CAAA+E,aAAA,CAACzF,YAAA,CAAA2F,IAAI;MAACC,WAAW,EAAE,KAAM;MAACP,KAAK,EAAEC;IAAsB,GACpDC,QACG,CAAC,eACP1F,MAAA,CAAAa,OAAA,CAAA+E,aAAA,CAACzF,YAAA,CAAA2F,IAAI;MAACC,WAAW,EAAE;IAAM,gBACvB/F,MAAA,CAAAa,OAAA,CAAA+E,aAAA,CAACtF,gBAAA,CAAA+F,eAAe;MAACC,SAAS,EAAEf;IAAgB,CAAE,CAC1C,CAAC,EACNhD,qBAAQ,CAACgE,EAAE,KAAK,SAAS,iBAAIvG,MAAA,CAAAa,OAAA,CAAA+E,aAAA,CAACvF,iBAAA,CAAAmG,gBAAgB,EAAA5E,QAAA;MAAC6E,OAAO,EAAEvB;IAAQ,GAAKC,YAAY,CAAG,CACjF,CACa,CAAC;EAE1B;AACF;AAACuB,OAAA,CAAA7D,SAAA,GAAAA,SAAA;AAED,MAAMgD,YAAuB,GAAG;EAC9Bc,QAAQ,EAAE,UAAU;EACpBC,IAAI,EAAE,CAAC,IAAI;EACXC,MAAM,EAAE,CAAC;AACX,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_TrueSheetModule","_TrueSheetGrabber","_TrueSheetFooter","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","NATIVE_COMPONENT_NAME","LINKING_ERROR","Platform","select","ios","TrueSheetNativeView","requireNativeComponent","Error","TrueSheet","PureComponent","displayName","handles","constructor","props","ref","createRef","onDismiss","onPresent","onSizeChange","onContentLayout","onFooterLayout","state","contentHeight","undefined","footerHeight","scrollableHandle","getHandle","name","handle","console","warn","present","index","TrueSheetModule","dismiss","resize","nodeHandle","findNodeHandle","current","updateState","scrollRef","setState","event","nativeEvent","layout","log","height","componentDidMount","sizes","componentDidUpdate","render","backgroundColor","dismissible","grabber","grabberProps","blurTint","cornerRadius","maxHeight","FooterComponent","style","contentContainerStyle","children","rest","createElement","$nativeSheet","View","collapsable","overflow","android","borderTopLeftRadius","borderTopRightRadius","onLayout","TrueSheetFooter","Component","OS","TrueSheetGrabber","visible","exports","position","left","zIndex"],"sourceRoot":"../../src","sources":["TrueSheet.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/TrueSheet.js

@@ -25,7 +25,11 @@ export class TrueSheet extends PureComponent {
     this.onDismiss = this.onDismiss.bind(this);
     this.onPresent = this.onPresent.bind(this);
     this.onSizeChange = this.onSizeChange.bind(this);
+    this.onContentLayout = this.onContentLayout.bind(this);
+    this.onFooterLayout = this.onFooterLayout.bind(this);
     this.state = {
+      contentHeight: undefined,
+      footerHeight: undefined,
       scrollableHandle: null
     };
   }
@@ -87,6 +91,17 @@ export class TrueSheet extends PureComponent {
   onPresent(event) {
     this.props.onPresent?.(event.nativeEvent);
   }
+  onFooterLayout(layout) {
+    console.log('footerHeight', layout.height);
+    this.setState({
+      footerHeight: layout.height
+    });
+  }
+  onContentLayout(layout) {
+    this.setState({
+      contentHeight: layout.height
+    });
+  }
   onDismiss() {
     this.props.onDismiss?.();
   }
@@ -145,6 +160,8 @@ export class TrueSheet extends PureComponent {
       sizes: sizes,
       blurTint: blurTint,
       cornerRadius: cornerRadius,
+      contentHeight: this.state.contentHeight,
+      footerHeight: this.state.footerHeight,
       grabber: grabber,
       dismissible: dismissible,
       maxHeight: maxHeight,
@@ -168,9 +185,11 @@ export class TrueSheet extends PureComponent {
       }, style]
     }, rest), /*#__PURE__*/React.createElement(View, {
       collapsable: false,
+      onLayout: e => this.onContentLayout(e.nativeEvent.layout),
       style: contentContainerStyle
     }, children), /*#__PURE__*/React.createElement(View, {
-      collapsable: false
+      collapsable: false,
+      onLayout: e => this.onFooterLayout(e.nativeEvent.layout)
     }, /*#__PURE__*/React.createElement(TrueSheetFooter, {
       Component: FooterComponent
     })), Platform.OS === 'android' && /*#__PURE__*/React.createElement(TrueSheetGrabber, _extends({

package/lib/module/TrueSheet.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","PureComponent","createRef","requireNativeComponent","Platform","findNodeHandle","View","TrueSheetModule","TrueSheetGrabber","TrueSheetFooter","NATIVE_COMPONENT_NAME","LINKING_ERROR","select","ios","default","TrueSheetNativeView","Error","TrueSheet","displayName","handles","constructor","props","ref","onDismiss","bind","onPresent","onSizeChange","state","scrollableHandle","getHandle","name","handle","console","warn","present","index","dismiss","resize","nodeHandle","current","updateState","scrollRef","setState","event","nativeEvent","componentDidMount","sizes","length","componentDidUpdate","render","backgroundColor","dismissible","grabber","grabberProps","blurTint","cornerRadius","maxHeight","FooterComponent","style","contentContainerStyle","children","rest","createElement","$nativeSheet","_extends","collapsable","overflow","undefined","android","borderTopLeftRadius","borderTopRightRadius","Component","OS","visible","position","left","zIndex"],"sourceRoot":"../../src","sources":["TrueSheet.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","PureComponent","createRef","requireNativeComponent","Platform","findNodeHandle","View","TrueSheetModule","TrueSheetGrabber","TrueSheetFooter","NATIVE_COMPONENT_NAME","LINKING_ERROR","select","ios","default","TrueSheetNativeView","Error","TrueSheet","displayName","handles","constructor","props","ref","onDismiss","bind","onPresent","onSizeChange","onContentLayout","onFooterLayout","state","contentHeight","undefined","footerHeight","scrollableHandle","getHandle","name","handle","console","warn","present","index","dismiss","resize","nodeHandle","current","updateState","scrollRef","setState","event","nativeEvent","layout","log","height","componentDidMount","sizes","length","componentDidUpdate","render","backgroundColor","dismissible","grabber","grabberProps","blurTint","cornerRadius","maxHeight","FooterComponent","style","contentContainerStyle","children","rest","createElement","$nativeSheet","_extends","collapsable","overflow","android","borderTopLeftRadius","borderTopRightRadius","onLayout","e","Component","OS","visible","position","left","zIndex"],"sourceRoot":"../../src","sources":["TrueSheet.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/docs/docusaurus.config.d.ts

@@ -0,0 +1,4 @@
+import type { Config } from '@docusaurus/types';
+declare const config: Config;
+export default config;
+//# sourceMappingURL=docusaurus.config.d.ts.map

package/lib/typescript/docs/docusaurus.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"docusaurus.config.d.ts","sourceRoot":"","sources":["../../../docs/docusaurus.config.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAI/C,QAAA,MAAM,MAAM,EAAE,MA8Gb,CAAA;AAED,eAAe,MAAM,CAAA"}

package/lib/typescript/docs/sidebars.d.ts

@@ -0,0 +1,4 @@
+import type { SidebarsConfig } from '@docusaurus/plugin-content-docs';
+declare const sidebars: SidebarsConfig;
+export default sidebars;
+//# sourceMappingURL=sidebars.d.ts.map

package/lib/typescript/docs/sidebars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebars.d.ts","sourceRoot":"","sources":["../../../docs/sidebars.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAErE,QAAA,MAAM,QAAQ,EAAE,cAOf,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/lib/typescript/src/TrueSheet.d.ts

@@ -1,6 +1,8 @@
 import { PureComponent, type ReactNode } from 'react';
 import type { TrueSheetProps } from './types';
 interface TrueSheetState {
+    contentHeight?: number;
+    footerHeight?: number;
     scrollableHandle: number | null;
 }
 export declare class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
@@ -31,6 +33,8 @@ export declare class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetSt
     private updateState;
     private onSizeChange;
     private onPresent;
+    private onFooterLayout;
+    private onContentLayout;
     private onDismiss;
     /**
      * Present the sheet. Optionally accepts a size `index`.

package/lib/typescript/src/TrueSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TrueSheet.d.ts","sourceRoot":"","sources":["../../../src/TrueSheet.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAwC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAWlG,OAAO,KAAK,EAAE,cAAc,EAAY,MAAM,SAAS,CAAA;AAoBvD,UAAU,cAAc;IACtB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;CAChC;AAQD,qBAAa,SAAU,SAAQ,aAAa,CAAC,cAAc,EAAE,cAAc,CAAC;IAC1E,WAAW,SAAc;IAEzB,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAsB;IAE1C;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAiC;gBAEpD,KAAK,EAAE,cAAc;IAcjC,OAAO,CAAC,MAAM,CAAC,SAAS;IAUxB;;;OAGG;WACiB,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,GAAE,MAAU;IAO3D;;;OAGG;WACiB,OAAO,CAAC,IAAI,EAAE,MAAM;IAOxC;;;OAGG;WACiB,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAItD,OAAO,KAAK,MAAM,GAOjB;IAED,OAAO,CAAC,WAAW;IAcnB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,SAAS;IAIjB;;;OAGG;IACU,OAAO,CAAC,KAAK,GAAE,MAAU,GAAG,OAAO,CAAC,IAAI,CAAC;IAItD;;;OAGG;IACU,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAIjD;;OAEG;IACU,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IAIrC,iBAAiB,IAAI,IAAI;IAUzB,kBAAkB,IAAI,IAAI;IAI1B,MAAM,IAAI,SAAS;CA6DpB"}
+{"version":3,"file":"TrueSheet.d.ts","sourceRoot":"","sources":["../../../src/TrueSheet.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAwC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAYlG,OAAO,KAAK,EAAE,cAAc,EAAY,MAAM,SAAS,CAAA;AAsBvD,UAAU,cAAc;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;CAChC;AAQD,qBAAa,SAAU,SAAQ,aAAa,CAAC,cAAc,EAAE,cAAc,CAAC;IAC1E,WAAW,SAAc;IAEzB,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAsB;IAE1C;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAiC;gBAEpD,KAAK,EAAE,cAAc;IAkBjC,OAAO,CAAC,MAAM,CAAC,SAAS;IAUxB;;;OAGG;WACiB,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,GAAE,MAAU;IAO3D;;;OAGG;WACiB,OAAO,CAAC,IAAI,EAAE,MAAM;IAOxC;;;OAGG;WACiB,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAItD,OAAO,KAAK,MAAM,GAOjB;IAED,OAAO,CAAC,WAAW;IAcnB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,SAAS;IAIjB;;;OAGG;IACU,OAAO,CAAC,KAAK,GAAE,MAAU,GAAG,OAAO,CAAC,IAAI,CAAC;IAItD;;;OAGG;IACU,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAIjD;;OAEG;IACU,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IAIrC,iBAAiB,IAAI,IAAI;IAUzB,kBAAkB,IAAI,IAAI;IAI1B,MAAM,IAAI,SAAS;CAmEpB"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lodev09/react-native-true-sheet",
-  "version": "0.9.9",
-  "description": "The true native bottom sheet. 💩",
+  "version": "0.10.0",
+  "description": "The true native bottom sheet experience for your React Native Apps.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
   "types": "lib/typescript/src/index.d.ts",
@@ -26,6 +26,7 @@
   ],
   "scripts": {
     "example": "yarn workspace true-sheet-example",
+    "docs": "yarn workspace docs",
     "test": "jest",
     "typecheck": "tsc --noEmit",
     "lint": "eslint --fix \"**/*.{js,ts,tsx}\"",
@@ -90,14 +91,17 @@
     "react-native": "*"
   },
   "workspaces": [
-    "example"
+    "example",
+    "docs"
   ],
   "packageManager": "yarn@4.1.1",
   "jest": {
     "preset": "react-native",
     "modulePathIgnorePatterns": [
       "<rootDir>/example/node_modules",
-      "<rootDir>/lib/"
+      "<rootDir>/docs/node_modules",
+      "<rootDir>/lib/",
+      "<rootDir>/docs/build"
     ]
   },
   "commitlint": {
@@ -129,10 +133,6 @@
   },
   "eslintConfig": {
     "root": true,
-    "ignorePatterns": [
-      "lib",
-      "src/__mocks__"
-    ],
     "extends": [
       "plugin:@typescript-eslint/recommended",
       "eslint:recommended",

package/src/TrueSheet.tsx

@@ -7,6 +7,7 @@ import {
   type NativeMethods,
   type ViewStyle,
   type NativeSyntheticEvent,
+  type LayoutRectangle,
 } from 'react-native'
 
 import type { TrueSheetProps, SizeInfo } from './types'
@@ -22,6 +23,8 @@ const LINKING_ERROR =
   '- You are not using Expo Go\n'
 
 interface TrueSheetNativeViewProps extends Omit<TrueSheetProps, 'onPresent' | 'onSizeChange'> {
+  contentHeight?: number
+  footerHeight?: number
   scrollableHandle: number | null
   onPresent: (event: NativeSyntheticEvent<SizeInfo>) => void
   onSizeChange: (event: NativeSyntheticEvent<SizeInfo>) => void
@@ -30,6 +33,8 @@ interface TrueSheetNativeViewProps extends Omit<TrueSheetProps, 'onPresent' | 'o
 type NativeRef = Component<TrueSheetNativeViewProps> & Readonly<NativeMethods>
 
 interface TrueSheetState {
+  contentHeight?: number
+  footerHeight?: number
   scrollableHandle: number | null
 }
 
@@ -57,8 +62,12 @@ export class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
     this.onDismiss = this.onDismiss.bind(this)
     this.onPresent = this.onPresent.bind(this)
     this.onSizeChange = this.onSizeChange.bind(this)
+    this.onContentLayout = this.onContentLayout.bind(this)
+    this.onFooterLayout = this.onFooterLayout.bind(this)
 
     this.state = {
+      contentHeight: undefined,
+      footerHeight: undefined,
       scrollableHandle: null,
     }
   }
@@ -134,6 +143,19 @@ export class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
     this.props.onPresent?.(event.nativeEvent)
   }
 
+  private onFooterLayout(layout: LayoutRectangle): void {
+    console.log('footerHeight', layout.height)
+    this.setState({
+      footerHeight: layout.height,
+    })
+  }
+
+  private onContentLayout(layout: LayoutRectangle): void {
+    this.setState({
+      contentHeight: layout.height,
+    })
+  }
+
   private onDismiss(): void {
     this.props.onDismiss?.()
   }
@@ -200,6 +222,8 @@ export class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
         sizes={sizes}
         blurTint={blurTint}
         cornerRadius={cornerRadius}
+        contentHeight={this.state.contentHeight}
+        footerHeight={this.state.footerHeight}
         grabber={grabber}
         dismissible={dismissible}
         maxHeight={maxHeight}
@@ -225,10 +249,14 @@ export class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
           ]}
           {...rest}
         >
-          <View collapsable={false} style={contentContainerStyle}>
+          <View
+            collapsable={false}
+            onLayout={(e) => this.onContentLayout(e.nativeEvent.layout)}
+            style={contentContainerStyle}
+          >
             {children}
           </View>
-          <View collapsable={false}>
+          <View collapsable={false} onLayout={(e) => this.onFooterLayout(e.nativeEvent.layout)}>
             <TrueSheetFooter Component={FooterComponent} />
           </View>
           {Platform.OS === 'android' && <TrueSheetGrabber visible={grabber} {...grabberProps} />}