@lodev09/react-native-true-sheet 0.2.2 → 0.3.1

package/README.md

@@ -11,6 +11,7 @@ The true native bottom sheet.
 * ✅ **_NOT_** your pure JS, (re)animated View.
 * ✅ Clean, fast and lightweight.
 * ✅ Handles your Sscrolling needs, easy.
+* ✅ Asynchronus `ref` methods.
 
 ## Installation
 
@@ -34,7 +35,7 @@ const openSheet = () => {
 return (
   <View>
     <Button onPress={openSheet} title="Open Sheet" />
-    <TrueSheet ref={sheet}>
+    <TrueSheet sizes={['auto', 'large']} ref={sheet}>
       // ...
     </TrueSheet>
   </View>
@@ -51,7 +52,3 @@ See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the
 ## License
 
 MIT
-
----
-
-Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)

package/android/build.gradle

@@ -90,5 +90,6 @@ dependencies {
   //noinspection GradleDynamicVersion
   implementation "com.facebook.react:react-native:+"
   implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
+  implementation "com.google.android.material:material:1.11.0"
 }
 

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

@@ -5,13 +5,8 @@ import com.facebook.react.bridge.NativeModule
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.uimanager.ViewManager
 
-
 class TrueSheetPackage : ReactPackage {
-  override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
-    return emptyList()
-  }
+  override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> = listOf(TrueSheetViewModule(reactContext))
 
-  override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
-    return listOf(TrueSheetViewManager())
-  }
+  override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> = listOf(TrueSheetViewManager())
 }

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

@@ -0,0 +1,233 @@
+package com.lodev09.truesheet
+
+import android.content.Context
+import android.view.View
+import android.view.ViewGroup
+import android.view.ViewStructure
+import android.view.accessibility.AccessibilityEvent
+import android.widget.LinearLayout
+import androidx.coordinatorlayout.widget.CoordinatorLayout
+import com.facebook.react.bridge.LifecycleEventListener
+import com.facebook.react.bridge.UiThreadUtil
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.UIManagerHelper
+import com.facebook.react.uimanager.events.EventDispatcher
+import com.google.android.material.bottomsheet.BottomSheetBehavior
+import com.google.android.material.bottomsheet.BottomSheetDialog
+import com.lodev09.truesheet.core.DismissEvent
+import com.lodev09.truesheet.core.PresentEvent
+import com.lodev09.truesheet.core.RootViewGroup
+import com.lodev09.truesheet.core.SheetBehavior
+import com.lodev09.truesheet.core.SizeChangeEvent
+import com.lodev09.truesheet.utils.maxSize
+
+class TrueSheetView(context: Context) :
+  ViewGroup(context),
+  LifecycleEventListener {
+  private var eventDispatcher: EventDispatcher? = null
+
+  private val reactContext: ThemedReactContext
+    get() = context as ThemedReactContext
+
+  private val surfaceId: Int
+    get() = UIManagerHelper.getSurfaceId(this)
+
+  private var sizeIndex: Int = 0
+  private var sizes: Array<Any> = arrayOf("medium", "large")
+
+  private var presentPromise: (() -> Unit)? = null
+  private var dismissPromise: (() -> Unit)? = null
+
+  private val sheetDialog: BottomSheetDialog
+  private val sheetLayout: LinearLayout
+  private val sheetRootView: RootViewGroup
+
+  // 1st child of the container view
+  private var contentView: ViewGroup? = null
+
+  // 2nd child of the container view
+  private var footerView: ViewGroup? = null
+
+  private var sheetBehavior: SheetBehavior<ViewGroup>
+
+  init {
+    reactContext.addLifecycleEventListener(this)
+    eventDispatcher = UIManagerHelper.getEventDispatcherForReactTag(reactContext, id)
+
+    sheetRootView = RootViewGroup(context)
+    sheetRootView.eventDispatcher = eventDispatcher
+
+    sheetDialog = BottomSheetDialog(context)
+    sheetBehavior = SheetBehavior()
+    sheetLayout = LinearLayout(context)
+
+    // Configure Sheet events
+    sheetBehavior.apply {
+      maxSize = maxSize(context)
+
+      addBottomSheetCallback(
+        object : BottomSheetBehavior.BottomSheetCallback() {
+          override fun onSlide(sheetView: View, slideOffset: Float) {
+            footerView?.let {
+              it.y = (sheetView.height - sheetView.top - it.height).toFloat()
+            }
+          }
+
+          override fun onStateChanged(view: View, newState: Int) {
+            val sizeInfo = getSizeInfoForState(sizes.size, newState)
+            if (sizeInfo != null && sizeInfo.index != sizeIndex) {
+              sizeIndex = sizeInfo.index
+
+              // dispatch onSizeChange event
+              eventDispatcher?.dispatchEvent(SizeChangeEvent(surfaceId, id, sizeInfo))
+            }
+
+            when (newState) {
+              BottomSheetBehavior.STATE_HIDDEN -> sheetDialog.dismiss()
+              else -> {}
+            }
+          }
+        }
+      )
+    }
+
+    // Configure the sheet layout
+    sheetLayout.apply {
+      addView(sheetRootView)
+      sheetDialog.setContentView(this)
+
+      val layoutParent = parent as ViewGroup
+      (layoutParent.layoutParams as CoordinatorLayout.LayoutParams).behavior = sheetBehavior
+    }
+
+    // Configure Sheet Dialog
+    sheetDialog.apply {
+      setOnShowListener {
+        UiThreadUtil.runOnUiThread {
+          footerView?.let {
+            val sheetView = sheetLayout.parent as ViewGroup
+            it.y = (sheetView.height - sheetView.top - it.height).toFloat()
+          }
+        }
+
+        presentPromise?.invoke()
+        presentPromise = null
+
+        // dispatch onPresent event
+        eventDispatcher?.dispatchEvent(PresentEvent(surfaceId, id))
+      }
+
+      setOnDismissListener {
+        dismissPromise?.invoke()
+        dismissPromise = null
+
+        // dispatch onDismiss event
+        eventDispatcher?.dispatchEvent(DismissEvent(surfaceId, id))
+      }
+    }
+  }
+
+  override fun dispatchProvideStructure(structure: ViewStructure) {
+    sheetRootView.dispatchProvideStructure(structure)
+  }
+
+  override fun onLayout(
+    changed: Boolean,
+    l: Int,
+    t: Int,
+    r: Int,
+    b: Int
+  ) {
+    // Do nothing as we are laid out by UIManager
+  }
+
+  override fun onDetachedFromWindow() {
+    super.onDetachedFromWindow()
+    sheetDialog.dismiss()
+  }
+
+  override fun addView(child: View, index: Int) {
+    // Hide this host view
+    visibility = GONE
+
+    (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
+
+      sheetBehavior.contentView = contentView
+      sheetBehavior.footerView = footerView
+
+      // rootView's first child is the Container View
+      sheetRootView.addView(it, index)
+    }
+  }
+
+  override fun getChildCount(): Int {
+    // This method may be called by the parent constructor
+    // before rootView is initialized.
+    return sheetRootView.childCount
+  }
+
+  override fun getChildAt(index: Int): View = sheetRootView.getChildAt(index)
+
+  override fun removeView(child: View) {
+    sheetRootView.removeView(child)
+  }
+
+  override fun removeViewAt(index: Int) {
+    val child = getChildAt(index)
+    sheetRootView.removeView(child)
+  }
+
+  override fun addChildrenForAccessibility(outChildren: ArrayList<View>) {
+    // Explicitly override this to prevent accessibility events being passed down to children
+    // Those will be handled by the rootView which lives in the dialog
+  }
+
+  override fun dispatchPopulateAccessibilityEvent(event: AccessibilityEvent): Boolean {
+    // Explicitly override this to prevent accessibility events being passed down to children
+    // Those will be handled by the rootView which lives in the dialog
+    return false
+  }
+
+  override fun onHostResume() {
+    // do nothing
+  }
+
+  override fun onHostPause() {
+    // do nothing
+  }
+
+  override fun onHostDestroy() {
+    // Drop the instance if the host is destroyed which will dismiss the dialog
+    reactContext.removeLifecycleEventListener(this)
+    sheetDialog.dismiss()
+  }
+
+  fun setSizes(newSizes: Array<Any>) {
+    sizes = newSizes
+    sheetBehavior.configure(sizes)
+  }
+
+  fun present(index: Int, promiseCallback: () -> Unit) {
+    sheetBehavior.setStateForSizeIndex(sizes.size, index)
+
+    if (sheetDialog.isShowing) {
+      promiseCallback()
+    } else {
+      sheetBehavior.configure(sizes)
+      presentPromise = promiseCallback
+      sheetDialog.show()
+    }
+  }
+
+  fun dismiss(promiseCallback: () -> Unit) {
+    dismissPromise = promiseCallback
+    sheetDialog.dismiss()
+  }
+
+  companion object {
+    const val TAG = "TrueSheetView"
+  }
+}

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

@@ -1,20 +1,52 @@
 package com.lodev09.truesheet
 
-import android.graphics.Color
-import android.view.View
-import com.facebook.react.uimanager.SimpleViewManager
+import android.util.Log
+import com.facebook.react.bridge.ReadableArray
+import com.facebook.react.bridge.ReadableType
+import com.facebook.react.common.MapBuilder
 import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.ViewGroupManager
 import com.facebook.react.uimanager.annotations.ReactProp
+import com.lodev09.truesheet.core.DismissEvent
+import com.lodev09.truesheet.core.PresentEvent
+import com.lodev09.truesheet.core.SizeChangeEvent
 
-class TrueSheetViewManager : SimpleViewManager<View>() {
-  override fun getName() = "TrueSheetView"
+class TrueSheetViewManager : ViewGroupManager<TrueSheetView>() {
+  override fun getName() = TAG
 
-  override fun createViewInstance(reactContext: ThemedReactContext): View {
-    return View(reactContext)
+  override fun createViewInstance(reactContext: ThemedReactContext): TrueSheetView = TrueSheetView(reactContext)
+
+  override fun onDropViewInstance(view: TrueSheetView) {
+    super.onDropViewInstance(view)
+    view.onHostDestroy()
+  }
+
+  override fun getExportedCustomDirectEventTypeConstants(): MutableMap<String, Any>? =
+    MapBuilder.builder<String, Any>()
+      .put(PresentEvent.EVENT_NAME, MapBuilder.of("registrationName", "onPresent"))
+      .put(DismissEvent.EVENT_NAME, MapBuilder.of("registrationName", "onDismiss"))
+      .put(SizeChangeEvent.EVENT_NAME, MapBuilder.of("registrationName", "onSizeChange"))
+      .build()
+
+  @ReactProp(name = "sizes")
+  fun setSizes(view: TrueSheetView, sizes: ReadableArray?) {
+    if (sizes != null) {
+      val result = ArrayList<Any>()
+      for (i in 0 until minOf(sizes.size(), 3)) {
+        when (sizes.getType(i)) {
+          ReadableType.Number -> result.add(sizes.getDouble(i))
+          ReadableType.String -> result.add(sizes.getString(i))
+          else -> Log.d(TAG, "Invalid type")
+        }
+      }
+
+      view.setSizes(result.toArray())
+    } else {
+      view.setSizes(arrayOf("medium", "large"))
+    }
   }
 
-  @ReactProp(name = "color")
-  fun setColor(view: View, color: String) {
-    view.setBackgroundColor(Color.parseColor(color))
+  companion object {
+    const val TAG = "TrueSheetView"
   }
 }

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

@@ -0,0 +1,63 @@
+package com.lodev09.truesheet
+
+import android.util.Log
+import com.facebook.react.bridge.Promise
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReactContextBaseJavaModule
+import com.facebook.react.bridge.ReactMethod
+import com.facebook.react.bridge.UiThreadUtil
+import com.facebook.react.module.annotations.ReactModule
+import com.facebook.react.uimanager.UIManagerHelper
+import com.lodev09.truesheet.utils.withPromise
+
+@ReactModule(name = TrueSheetViewModule.TAG)
+class TrueSheetViewModule(reactContext: ReactApplicationContext) : ReactContextBaseJavaModule(reactContext) {
+  override fun getName(): String = TAG
+
+  private fun withTrueSheetView(tag: Int, closure: (trueSheetView: TrueSheetView) -> Unit) {
+    UiThreadUtil.runOnUiThread {
+      try {
+        val manager = UIManagerHelper.getUIManagerForReactTag(reactApplicationContext, tag)
+        val view = manager?.resolveView(tag)
+        if (view == null) {
+          Log.d(TAG, "Tag $tag not found")
+          return@runOnUiThread
+        }
+
+        if (view is TrueSheetView) {
+          closure(view)
+        } else {
+          Log.d(TAG, "Tag $tag does not match")
+        }
+      } catch (e: Exception) {
+        e.printStackTrace()
+      }
+    }
+  }
+
+  @ReactMethod
+  fun present(tag: Int, index: Int, promise: Promise) {
+    withTrueSheetView(tag) {
+      it.present(index) {
+        withPromise(promise) {
+          return@withPromise null
+        }
+      }
+    }
+  }
+
+  @ReactMethod
+  fun dismiss(tag: Int, promise: Promise) {
+    withTrueSheetView(tag) {
+      it.dismiss {
+        withPromise(promise) {
+          return@withPromise null
+        }
+      }
+    }
+  }
+
+  companion object {
+    const val TAG = "TrueSheetView"
+  }
+}

package/android/src/main/java/com/lodev09/truesheet/core/Events.kt

@@ -0,0 +1,44 @@
+package com.lodev09.truesheet.core
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.uimanager.events.Event
+
+// onPresent
+class PresentEvent(surfaceId: Int, viewId: Int) : Event<PresentEvent>(surfaceId, viewId) {
+  override fun getEventName() = EVENT_NAME
+
+  override fun getEventData(): WritableMap = Arguments.createMap()
+
+  companion object {
+    const val EVENT_NAME = "present"
+  }
+}
+
+// onDismiss
+class DismissEvent(surfaceId: Int, viewId: Int) : Event<PresentEvent>(surfaceId, viewId) {
+  override fun getEventName() = EVENT_NAME
+
+  override fun getEventData(): WritableMap = Arguments.createMap()
+
+  companion object {
+    const val EVENT_NAME = "dismiss"
+  }
+}
+
+// onSizeChange
+class SizeChangeEvent(surfaceId: Int, viewId: Int, private val sizeInfo: SizeInfo) : Event<SizeChangeEvent>(surfaceId, viewId) {
+  override fun getEventName() = EVENT_NAME
+
+  override fun getEventData(): WritableMap {
+    val data = Arguments.createMap()
+    data.putInt("index", sizeInfo.index)
+    data.putDouble("value", sizeInfo.value.toDouble())
+
+    return data
+  }
+
+  companion object {
+    const val EVENT_NAME = "sizeChange"
+  }
+}

package/android/src/main/java/com/lodev09/truesheet/core/RootViewGroup.kt

@@ -0,0 +1,136 @@
+package com.lodev09.truesheet.core
+
+import android.annotation.SuppressLint
+import android.content.Context
+import android.view.MotionEvent
+import android.view.View
+import com.facebook.react.bridge.GuardedRunnable
+import com.facebook.react.config.ReactFeatureFlags
+import com.facebook.react.uimanager.JSPointerDispatcher
+import com.facebook.react.uimanager.JSTouchDispatcher
+import com.facebook.react.uimanager.RootView
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.UIManagerModule
+import com.facebook.react.uimanager.events.EventDispatcher
+import com.facebook.react.views.view.ReactViewGroup
+
+/**
+ * RootViewGroup is the ViewGroup which contains all the children of a Modal. It gets all
+ * child information forwarded from ReactModalHostView and uses that to create children. It is
+ * also responsible for acting as a RootView and handling touch events. It does this the same way
+ * as ReactRootView.
+ *
+ *
+ * To get layout to work properly, we need to layout all the elements within the Modal as if
+ * they can fill the entire window. To do that, we need to explicitly set the styleWidth and
+ * styleHeight on the LayoutShadowNode to be the window size. This is done through the
+ * UIManagerModule, and will then cause the children to layout as if they can fill the window.
+ */
+internal class RootViewGroup(context: Context?) :
+  ReactViewGroup(context),
+  RootView {
+  private var hasAdjustedSize = false
+  private var viewWidth = 0
+  private var viewHeight = 0
+
+  private val mJSTouchDispatcher = JSTouchDispatcher(this)
+
+  private var mJSPointerDispatcher: JSPointerDispatcher? = null
+
+  var eventDispatcher: EventDispatcher? = null
+
+  init {
+    if (ReactFeatureFlags.dispatchPointerEvents) {
+      mJSPointerDispatcher = JSPointerDispatcher(this)
+    }
+  }
+
+  override fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) {
+    super.onSizeChanged(w, h, oldw, oldh)
+
+    viewWidth = w
+    viewHeight = h
+    updateFirstChildView()
+  }
+
+  private fun updateFirstChildView() {
+    if (childCount > 0) {
+      hasAdjustedSize = false
+      val viewTag = getChildAt(0).id
+      reactContext.runOnNativeModulesQueueThread(
+        object : GuardedRunnable(reactContext) {
+          override fun runGuarded() {
+            val uiManager: UIManagerModule =
+              reactContext
+                .reactApplicationContext
+                .getNativeModule(UIManagerModule::class.java) ?: return
+
+            uiManager.updateNodeSize(viewTag, viewWidth, viewHeight)
+          }
+        }
+      )
+    } else {
+      hasAdjustedSize = true
+    }
+  }
+
+  override fun addView(child: View, index: Int, params: LayoutParams) {
+    super.addView(child, index, params)
+    if (hasAdjustedSize) {
+      updateFirstChildView()
+    }
+  }
+
+  override fun handleException(t: Throwable) {
+    reactContext.reactApplicationContext.handleException(RuntimeException(t))
+  }
+
+  private val reactContext: ThemedReactContext
+    get() = context as ThemedReactContext
+
+  override fun onInterceptTouchEvent(event: MotionEvent): Boolean {
+    mJSTouchDispatcher.handleTouchEvent(event, eventDispatcher)
+    mJSPointerDispatcher?.handleMotionEvent(event, eventDispatcher, true)
+    return super.onInterceptTouchEvent(event)
+  }
+
+  @SuppressLint("ClickableViewAccessibility")
+  override fun onTouchEvent(event: MotionEvent): Boolean {
+    mJSTouchDispatcher.handleTouchEvent(event, eventDispatcher)
+    mJSPointerDispatcher?.handleMotionEvent(event, eventDispatcher, false)
+    super.onTouchEvent(event)
+
+    // In case when there is no children interested in handling touch event, we return true from
+    // the root view in order to receive subsequent events related to that gesture
+    return true
+  }
+
+  override fun onInterceptHoverEvent(event: MotionEvent): Boolean {
+    mJSPointerDispatcher?.handleMotionEvent(event, eventDispatcher, true)
+    return super.onHoverEvent(event)
+  }
+
+  override fun onHoverEvent(event: MotionEvent): Boolean {
+    mJSPointerDispatcher?.handleMotionEvent(event, eventDispatcher, false)
+    return super.onHoverEvent(event)
+  }
+
+  override fun onChildStartedNativeGesture(childView: View, ev: MotionEvent) {
+    mJSTouchDispatcher.onChildStartedNativeGesture(ev, eventDispatcher)
+    mJSPointerDispatcher?.onChildStartedNativeGesture(childView, ev, eventDispatcher)
+  }
+
+  override fun onChildEndedNativeGesture(childView: View, ev: MotionEvent) {
+    mJSTouchDispatcher.onChildEndedNativeGesture(ev, eventDispatcher)
+    mJSPointerDispatcher?.onChildEndedNativeGesture()
+  }
+
+  override fun requestDisallowInterceptTouchEvent(disallowIntercept: Boolean) {
+    // No-op - override in order to still receive events to onInterceptTouchEvent
+    // even when some other view disallow that
+  }
+
+  companion object {
+    const val TAG = "TrueSheetView"
+  }
+}

package/android/src/main/java/com/lodev09/truesheet/core/SheetBehavior.kt

@@ -0,0 +1,198 @@
+package com.lodev09.truesheet.core
+
+import android.graphics.Point
+import android.view.MotionEvent
+import android.view.ViewGroup
+import android.widget.ScrollView
+import androidx.coordinatorlayout.widget.CoordinatorLayout
+import com.facebook.react.uimanager.PixelUtil
+import com.google.android.material.bottomsheet.BottomSheetBehavior
+import com.lodev09.truesheet.utils.toDIP
+
+data class SizeInfo(val index: Int, val value: Float)
+
+class SheetBehavior<T : ViewGroup> : BottomSheetBehavior<T>() {
+  var maxSize: Point = Point()
+
+  var contentView: ViewGroup? = null
+  var footerView: ViewGroup? = null
+
+  override fun onInterceptTouchEvent(parent: CoordinatorLayout, child: T, event: MotionEvent): Boolean {
+    contentView?.let {
+      val isDownEvent = (event.actionMasked == MotionEvent.ACTION_DOWN)
+      val expanded = state == STATE_EXPANDED
+
+      if (isDownEvent && expanded) {
+        for (i in 0 until it.childCount) {
+          val contentChild = it.getChildAt(i)
+          val scrolled = (contentChild is ScrollView && contentChild.scrollY > 0)
+
+          if (!scrolled) continue
+          if (isInsideSheet(contentChild as ScrollView, event)) {
+            return false
+          }
+        }
+      }
+    }
+
+    return super.onInterceptTouchEvent(parent, child, event)
+  }
+
+  private fun isInsideSheet(scrollView: ScrollView, event: MotionEvent): Boolean {
+    val x = event.x
+    val y = event.y
+
+    val position = IntArray(2)
+    scrollView.getLocationOnScreen(position)
+
+    val nestedX = position[0]
+    val nestedY = position[1]
+
+    val boundRight = nestedX + scrollView.width
+    val boundBottom = nestedY + scrollView.height
+
+    return (x > nestedX && x < boundRight && y > nestedY && y < boundBottom) ||
+      event.action == MotionEvent.ACTION_CANCEL
+  }
+
+  private fun getSizeHeight(size: Any, contentHeight: Int): Int {
+    val maxHeight = maxSize.y
+
+    val height =
+      when (size) {
+        is Double -> PixelUtil.toPixelFromDIP(size).toInt()
+
+        is Int -> PixelUtil.toPixelFromDIP(size.toDouble()).toInt()
+
+        is String -> {
+          return when (size) {
+            "auto" -> contentHeight
+
+            "large" -> maxHeight
+
+            "medium" -> (maxHeight * 0.50).toInt()
+
+            "small" -> (maxHeight * 0.25).toInt()
+
+            else -> {
+              if (size.endsWith('%')) {
+                val percent = size.trim('%').toDoubleOrNull()
+                return if (percent == null) {
+                  0
+                } else {
+                  ((percent / 100) * maxHeight).toInt()
+                }
+              } else {
+                val fixedHeight = size.toDoubleOrNull()
+                return if (fixedHeight == null) {
+                  0
+                } else {
+                  PixelUtil.toPixelFromDIP(fixedHeight).toInt()
+                }
+              }
+            }
+          }
+        }
+
+        else -> (maxHeight * 0.5).toInt()
+      }
+
+    return minOf(height, maxHeight)
+  }
+
+  fun configure(sizes: Array<Any>) {
+    var contentHeight = 0
+
+    contentView?.let { contentHeight = it.height }
+    footerView?.let { contentHeight += it.height }
+
+    // Configure sheet sizes
+    apply {
+      isFitToContents = true
+      isHideable = true
+      skipCollapsed = false
+
+      when (sizes.size) {
+        1 -> {
+          maxHeight = getSizeHeight(sizes[0], contentHeight)
+          skipCollapsed = true
+        }
+
+        2 -> {
+          peekHeight = getSizeHeight(sizes[0], contentHeight)
+          maxHeight = getSizeHeight(sizes[1], contentHeight)
+        }
+
+        3 -> {
+          // Enables half expanded
+          isFitToContents = false
+
+          peekHeight = getSizeHeight(sizes[0], contentHeight)
+          halfExpandedRatio = getSizeHeight(sizes[1], contentHeight).toFloat() / maxSize.y.toFloat()
+          maxHeight = getSizeHeight(sizes[2], contentHeight)
+        }
+      }
+    }
+  }
+
+  fun getSizeInfoForState(sizeCount: Int, state: Int): SizeInfo? =
+    when (sizeCount) {
+      1 -> {
+        when (state) {
+          STATE_EXPANDED -> SizeInfo(0, PixelUtil.toDIPFromPixel(maxHeight.toFloat()))
+          else -> null
+        }
+      }
+
+      2 -> {
+        when (state) {
+          STATE_COLLAPSED -> SizeInfo(0, toDIP(peekHeight))
+          STATE_EXPANDED -> SizeInfo(1, toDIP(maxHeight))
+          else -> null
+        }
+      }
+
+      3 -> {
+        when (state) {
+          STATE_COLLAPSED -> SizeInfo(0, toDIP(peekHeight))
+
+          STATE_HALF_EXPANDED -> {
+            val height = halfExpandedRatio * maxSize.y
+            SizeInfo(1, toDIP(height.toInt()))
+          }
+
+          STATE_EXPANDED -> SizeInfo(2, toDIP(maxHeight))
+
+          else -> null
+        }
+      }
+
+      else -> null
+    }
+
+  fun setStateForSizeIndex(sizeCount: Int, index: Int) {
+    state =
+      when (sizeCount) {
+        1 -> STATE_EXPANDED
+
+        2 -> {
+          when (index) {
+            0 -> STATE_COLLAPSED
+            1 -> STATE_EXPANDED
+            else -> STATE_HIDDEN
+          }
+        }
+
+        3 -> {
+          when (index) {
+            0 -> STATE_COLLAPSED
+            1 -> STATE_HALF_EXPANDED
+            2 -> STATE_EXPANDED
+            else -> STATE_HIDDEN
+          }
+        }
+
+        else -> STATE_HIDDEN
+      }
+  }
+}

package/android/src/main/java/com/lodev09/truesheet/utils/maxSize.kt

@@ -0,0 +1,49 @@
+package com.lodev09.truesheet.utils
+
+import android.annotation.SuppressLint
+import android.content.Context
+import android.graphics.Point
+import android.view.WindowManager
+import com.facebook.infer.annotation.Assertions
+
+/**
+ * To get the size of the screen, we use information from the WindowManager and default Display.
+ * We don't use DisplayMetricsHolder, or Display#getSize() because they return values that include
+ * the status bar. We only want the values of what will actually be shown on screen. We use
+ * Display#getSize() to determine if the screen is in portrait or landscape. We don't use
+ * getRotation because the 'natural' rotation will be portrait on phones and landscape on tablets.
+ * This should only be called on the native modules/shadow nodes thread.
+ */
+@SuppressLint("DiscouragedApi", "InternalInsetResource")
+fun maxSize(context: Context): Point {
+  val minPoint = Point()
+  val maxPoint = Point()
+  val sizePoint = Point()
+
+  val wm = context.getSystemService(Context.WINDOW_SERVICE) as WindowManager
+  val display = Assertions.assertNotNull(wm).defaultDisplay
+  // getCurrentSizeRange will return the min and max width and height that the window can be
+  display.getCurrentSizeRange(minPoint, maxPoint)
+  // getSize will return the dimensions of the screen in its current orientation
+  display.getSize(sizePoint)
+  val attrs = intArrayOf(android.R.attr.windowFullscreen)
+  val theme = context.theme
+  val ta = theme.obtainStyledAttributes(attrs)
+  val windowFullscreen = ta.getBoolean(0, false)
+
+  // We need to add the status bar height to the height if we have a fullscreen window,
+  // because Display.getCurrentSizeRange doesn't include it.
+  val resources = context.resources
+  val statusBarId = resources.getIdentifier("status_bar_height", "dimen", "android")
+  var statusBarHeight = 0
+  if (windowFullscreen && statusBarId > 0) {
+    statusBarHeight = resources.getDimension(statusBarId).toInt()
+  }
+  return if (sizePoint.x < sizePoint.y) {
+    // If we are vertical the width value comes from min width and height comes from max height
+    Point(minPoint.x, maxPoint.y + statusBarHeight)
+  } else {
+    // If we are horizontal the width value comes from max width and height comes from min height
+    Point(maxPoint.x, minPoint.y + statusBarHeight)
+  }
+}

package/android/src/main/java/com/lodev09/truesheet/utils/toDIP.kt

@@ -0,0 +1,5 @@
+package com.lodev09.truesheet.utils
+
+import com.facebook.react.uimanager.PixelUtil
+
+fun toDIP(value: Int): Float = PixelUtil.toDIPFromPixel(value.toFloat())

package/android/src/main/java/com/lodev09/truesheet/utils/withPromise.kt

@@ -0,0 +1,13 @@
+package com.lodev09.truesheet.utils
+
+import com.facebook.react.bridge.Promise
+
+inline fun withPromise(promise: Promise, closure: () -> Any?) {
+  try {
+    val result = closure()
+    promise.resolve(result)
+  } catch (e: Throwable) {
+    e.printStackTrace()
+    promise.reject("Error", e.message, e.cause)
+  }
+}

package/ios/TrueSheetView.swift

@@ -152,7 +152,7 @@ class TrueSheetView: UIView, RCTInvalidating, TrueSheetViewControllerDelegate {
 
   @objc
   func setSizes(_ sizes: [Any]) {
-    self.sizes = sizes
+    self.sizes = Array(sizes.prefix(3))
     configureSheetIfPresented()
   }
 
@@ -178,8 +178,10 @@ class TrueSheetView: UIView, RCTInvalidating, TrueSheetViewControllerDelegate {
   func dismiss(promise: Promise) {
     if isPresented {
       viewController.dismiss(animated: true) {
-        promise.resolve(true)
+        promise.resolve(nil)
       }
+    } else {
+      promise.resolve(nil)
     }
   }
 
@@ -233,7 +235,9 @@ class TrueSheetView: UIView, RCTInvalidating, TrueSheetViewControllerDelegate {
       }
     }
 
-    if !isPresented {
+    if isPresented {
+      promise.resolve(nil)
+    } else {
       // Keep track of the active index
       activeIndex = index
 
@@ -241,7 +245,7 @@ class TrueSheetView: UIView, RCTInvalidating, TrueSheetViewControllerDelegate {
         self.isPresented = true
         self.onPresent?(nil)
 
-        promise.resolve(true)
+        promise.resolve(nil)
       }
     }
   }

package/ios/TrueSheetViewManager.m

@@ -8,7 +8,7 @@
 
 #import <React/RCTViewManager.h>
 
-@interface RCT_EXTERN_MODULE(TrueSheetViewManager, RCTViewManager)
+@interface RCT_EXTERN_REMAP_MODULE (TrueSheetView, TrueSheetViewManager, RCTViewManager)
 
 // Module Functions
 

package/lib/commonjs/TrueSheet.js

@@ -37,7 +37,7 @@ class TrueSheet extends _react.PureComponent {
     }
     return nodeHandle;
   }
-  updateHandles() {
+  updateState() {
     const scrollableHandle = this.props.scrollRef?.current ? (0, _reactNative.findNodeHandle)(this.props.scrollRef.current) : null;
     this.setState({
       scrollableHandle
@@ -53,10 +53,13 @@ class TrueSheet extends _react.PureComponent {
     this.props.onDismiss?.();
   }
   componentDidMount() {
-    this.updateHandles();
+    if (this.props.sizes && this.props.sizes.length > 3) {
+      console.warn('TrueSheet only supports a maximum of 3 sizes; collapsed, half-expanded and expanded. Check your `sizes` prop.');
+    }
+    this.updateState();
   }
   componentDidUpdate() {
-    this.updateHandles();
+    this.updateState();
   }
 
   /**
@@ -84,17 +87,21 @@ class TrueSheet extends _react.PureComponent {
       onDismiss: this.onDismiss,
       onSizeChange: this.onSizeChange
     }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      collapsable: false,
       style: {
         backgroundColor: this.props.backgroundColor ?? 'white'
       }
     }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      collapsable: false,
       style: this.props.style
-    }, this.props.children), /*#__PURE__*/_react.default.createElement(_reactNative.View, null, !!FooterComponent && /*#__PURE__*/_react.default.createElement(FooterComponent, null))));
+    }, this.props.children), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      collapsable: false
+    }, !!FooterComponent && /*#__PURE__*/_react.default.createElement(FooterComponent, null))));
   }
 }
 exports.TrueSheet = TrueSheet;
 const $nativeSheet = {
   position: 'absolute',
-  zIndex: -99
+  zIndex: -9999
 };
 //# sourceMappingURL=TrueSheet.js.map

package/lib/commonjs/TrueSheet.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_TrueSheetModule","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","LINKING_ERROR","Platform","select","ios","ComponentName","TrueSheetNativeView","requireNativeComponent","Error","TrueSheet","PureComponent","displayName","constructor","props","ref","createRef","onDismiss","bind","onPresent","onSizeChange","state","scrollableHandle","handle","nodeHandle","findNodeHandle","current","updateHandles","scrollRef","setState","event","nativeEvent","componentDidMount","componentDidUpdate","present","index","TrueSheetModule","dismiss","render","FooterComponent","createElement","style","$nativeSheet","sizes","View","backgroundColor","children","exports","position","zIndex"],"sourceRoot":"../../src","sources":["TrueSheet.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAYA,IAAAE,gBAAA,GAAAF,OAAA;AAAmD,SAAAG,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,SAAAL,wBAAAK,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;AAEnD,MAAMY,aAAa,GAChB,2FAA0F,GAC3FC,qBAAQ,CAACC,MAAM,CAAC;EAAEC,GAAG,EAAE,gCAAgC;EAAElB,OAAO,EAAE;AAAG,CAAC,CAAC,GACvE,sDAAsD,GACtD,+BAA+B;AAEjC,MAAMmB,aAAa,GAAG,eAAe;AAYrC,MAAMC,mBAAmB,GAAG,IAAAC,mCAAsB,EAA2BF,aAAa,CAAC;AAE3F,IAAI,CAACC,mBAAmB,EAAE;EACxB,MAAM,IAAIE,KAAK,CAACP,aAAa,CAAC;AAChC;AAQO,MAAMQ,SAAS,SAASC,oBAAa,CAAiC;EAC3EC,WAAW,GAAG,WAAW;EAIzBC,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,CAACC,IAAI,CAAC,IAAI,CAAC;IAC1C,IAAI,CAACC,SAAS,GAAG,IAAI,CAACA,SAAS,CAACD,IAAI,CAAC,IAAI,CAAC;IAC1C,IAAI,CAACE,YAAY,GAAG,IAAI,CAACA,YAAY,CAACF,IAAI,CAAC,IAAI,CAAC;IAEhD,IAAI,CAACG,KAAK,GAAG;MACXC,gBAAgB,EAAE;IACpB,CAAC;EACH;EAEA,IAAYC,MAAMA,CAAA,EAAW;IAC3B,MAAMC,UAAU,GAAG,IAAAC,2BAAc,EAAC,IAAI,CAACV,GAAG,CAACW,OAAO,CAAC;IACnD,IAAIF,UAAU,IAAI,IAAI,IAAIA,UAAU,KAAK,CAAC,CAAC,EAAE;MAC3C,MAAM,IAAIf,KAAK,CAAE,+BAA8B,CAAC;IAClD;IAEA,OAAOe,UAAU;EACnB;EAEQG,aAAaA,CAAA,EAAG;IACtB,MAAML,gBAAgB,GAAG,IAAI,CAACR,KAAK,CAACc,SAAS,EAAEF,OAAO,GAClD,IAAAD,2BAAc,EAAC,IAAI,CAACX,KAAK,CAACc,SAAS,CAACF,OAAO,CAAC,GAC5C,IAAI;IAER,IAAI,CAACG,QAAQ,CAAC;MACZP;IACF,CAAC,CAAC;EACJ;EAEQF,YAAYA,CAACU,KAA4C,EAAE;IACjE,IAAI,CAAChB,KAAK,CAACM,YAAY,GAAGU,KAAK,CAACC,WAAW,CAAC;EAC9C;EAEQZ,SAASA,CAAA,EAAS;IACxB,IAAI,CAACL,KAAK,CAACK,SAAS,GAAG,CAAC;EAC1B;EAEQF,SAASA,CAAA,EAAS;IACxB,IAAI,CAACH,KAAK,CAACG,SAAS,GAAG,CAAC;EAC1B;EAEAe,iBAAiBA,CAAA,EAAS;IACxB,IAAI,CAACL,aAAa,CAAC,CAAC;EACtB;EAEAM,kBAAkBA,CAAA,EAAS;IACzB,IAAI,CAACN,aAAa,CAAC,CAAC;EACtB;;EAEA;AACF;AACA;AACA;EACE,MAAaO,OAAOA,CAACC,KAAa,GAAG,CAAC,EAAE;IACtC,MAAMC,gCAAe,CAACF,OAAO,CAAC,IAAI,CAACX,MAAM,EAAEY,KAAK,CAAC;EACnD;;EAEA;AACF;AACA;EACE,MAAaE,OAAOA,CAAA,EAAG;IACrB,MAAMD,gCAAe,CAACC,OAAO,CAAC,IAAI,CAACd,MAAM,CAAC;EAC5C;EAEAe,MAAMA,CAAA,EAAc;IAClB,MAAMC,eAAe,GAAG,IAAI,CAACzB,KAAK,CAACyB,eAAe;IAElD,oBACE/D,MAAA,CAAAW,OAAA,CAAAqD,aAAA,CAACjC,mBAAmB;MAClBQ,GAAG,EAAE,IAAI,CAACA,GAAI;MACd0B,KAAK,EAAEC,YAAa;MACpBpB,gBAAgB,EAAE,IAAI,CAACD,KAAK,CAACC,gBAAiB;MAC9CqB,KAAK,EAAE,IAAI,CAAC7B,KAAK,CAAC6B,KAAK,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAE;MAC/CxB,SAAS,EAAE,IAAI,CAACA,SAAU;MAC1BF,SAAS,EAAE,IAAI,CAACA,SAAU;MAC1BG,YAAY,EAAE,IAAI,CAACA;IAAa,gBAEhC5C,MAAA,CAAAW,OAAA,CAAAqD,aAAA,CAAC7D,YAAA,CAAAiE,IAAI;MAACH,KAAK,EAAE;QAAEI,eAAe,EAAE,IAAI,CAAC/B,KAAK,CAAC+B,eAAe,IAAI;MAAQ;IAAE,gBACtErE,MAAA,CAAAW,OAAA,CAAAqD,aAAA,CAAC7D,YAAA,CAAAiE,IAAI;MAACH,KAAK,EAAE,IAAI,CAAC3B,KAAK,CAAC2B;IAAM,GAAE,IAAI,CAAC3B,KAAK,CAACgC,QAAe,CAAC,eAC3DtE,MAAA,CAAAW,OAAA,CAAAqD,aAAA,CAAC7D,YAAA,CAAAiE,IAAI,QAAE,CAAC,CAACL,eAAe,iBAAI/D,MAAA,CAAAW,OAAA,CAAAqD,aAAA,CAACD,eAAe,MAAE,CAAQ,CAClD,CACa,CAAC;EAE1B;AACF;AAACQ,OAAA,CAAArC,SAAA,GAAAA,SAAA;AAED,MAAMgC,YAAuB,GAAG;EAC9BM,QAAQ,EAAE,UAAU;EACpBC,MAAM,EAAE,CAAC;AACX,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_TrueSheetModule","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","LINKING_ERROR","Platform","select","ios","ComponentName","TrueSheetNativeView","requireNativeComponent","Error","TrueSheet","PureComponent","displayName","constructor","props","ref","createRef","onDismiss","bind","onPresent","onSizeChange","state","scrollableHandle","handle","nodeHandle","findNodeHandle","current","updateState","scrollRef","setState","event","nativeEvent","componentDidMount","sizes","length","console","warn","componentDidUpdate","present","index","TrueSheetModule","dismiss","render","FooterComponent","createElement","style","$nativeSheet","View","collapsable","backgroundColor","children","exports","position","zIndex"],"sourceRoot":"../../src","sources":["TrueSheet.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/TrueSheetModule.js

@@ -9,7 +9,9 @@ const LINKING_ERROR = `The package '@lodev09/react-native-true-sheet' doesn't se
   ios: "- You have run 'pod install'\n",
   default: ''
 }) + '- You rebuilt the app after installing the package\n' + '- You are not using Expo Go\n';
-const TrueSheetModule = exports.TrueSheetModule = _reactNative.NativeModules.TrueSheetViewManager ? _reactNative.NativeModules.TrueSheetViewManager : new Proxy({}, {
+
+// NativeModules automatically resolves 'TrueSheetView' to 'TrueSheetViewModule'
+const TrueSheetModule = exports.TrueSheetModule = _reactNative.NativeModules.TrueSheetView ? _reactNative.NativeModules.TrueSheetView : new Proxy({}, {
   get() {
     throw new Error(LINKING_ERROR);
   }

package/lib/commonjs/TrueSheetModule.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","LINKING_ERROR","Platform","select","ios","default","TrueSheetModule","exports","NativeModules","TrueSheetViewManager","Proxy","get","Error"],"sourceRoot":"../../src","sources":["TrueSheetModule.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,MAAMC,aAAa,GAChB,2FAA0F,GAC3FC,qBAAQ,CAACC,MAAM,CAAC;EAAEC,GAAG,EAAE,gCAAgC;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,GACvE,sDAAsD,GACtD,+BAA+B;AAE1B,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAGE,0BAAa,CAACC,oBAAoB,GAC7DD,0BAAa,CAACC,oBAAoB,GAClC,IAAIC,KAAK,CACP,CAAC,CAAC,EACF;EACEC,GAAGA,CAAA,EAAG;IACJ,MAAM,IAAIC,KAAK,CAACX,aAAa,CAAC;EAChC;AACF,CACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","LINKING_ERROR","Platform","select","ios","default","TrueSheetModule","exports","NativeModules","TrueSheetView","Proxy","get","Error"],"sourceRoot":"../../src","sources":["TrueSheetModule.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,MAAMC,aAAa,GAChB,2FAA0F,GAC3FC,qBAAQ,CAACC,MAAM,CAAC;EAAEC,GAAG,EAAE,gCAAgC;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,GACvE,sDAAsD,GACtD,+BAA+B;;AAEjC;AACO,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAGE,0BAAa,CAACC,aAAa,GACtDD,0BAAa,CAACC,aAAa,GAC3B,IAAIC,KAAK,CACP,CAAC,CAAC,EACF;EACEC,GAAGA,CAAA,EAAG;IACJ,MAAM,IAAIC,KAAK,CAACX,aAAa,CAAC;EAChC;AACF,CACF,CAAC","ignoreList":[]}

package/lib/module/TrueSheet.js

@@ -29,7 +29,7 @@ export class TrueSheet extends PureComponent {
     }
     return nodeHandle;
   }
-  updateHandles() {
+  updateState() {
     const scrollableHandle = this.props.scrollRef?.current ? findNodeHandle(this.props.scrollRef.current) : null;
     this.setState({
       scrollableHandle
@@ -45,10 +45,13 @@ export class TrueSheet extends PureComponent {
     this.props.onDismiss?.();
   }
   componentDidMount() {
-    this.updateHandles();
+    if (this.props.sizes && this.props.sizes.length > 3) {
+      console.warn('TrueSheet only supports a maximum of 3 sizes; collapsed, half-expanded and expanded. Check your `sizes` prop.');
+    }
+    this.updateState();
   }
   componentDidUpdate() {
-    this.updateHandles();
+    this.updateState();
   }
 
   /**
@@ -76,16 +79,20 @@ export class TrueSheet extends PureComponent {
       onDismiss: this.onDismiss,
       onSizeChange: this.onSizeChange
     }, /*#__PURE__*/React.createElement(View, {
+      collapsable: false,
       style: {
         backgroundColor: this.props.backgroundColor ?? 'white'
       }
     }, /*#__PURE__*/React.createElement(View, {
+      collapsable: false,
       style: this.props.style
-    }, this.props.children), /*#__PURE__*/React.createElement(View, null, !!FooterComponent && /*#__PURE__*/React.createElement(FooterComponent, null))));
+    }, this.props.children), /*#__PURE__*/React.createElement(View, {
+      collapsable: false
+    }, !!FooterComponent && /*#__PURE__*/React.createElement(FooterComponent, null))));
   }
 }
 const $nativeSheet = {
   position: 'absolute',
-  zIndex: -99
+  zIndex: -9999
 };
 //# sourceMappingURL=TrueSheet.js.map

package/lib/module/TrueSheet.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","PureComponent","createRef","requireNativeComponent","Platform","findNodeHandle","View","TrueSheetModule","LINKING_ERROR","select","ios","default","ComponentName","TrueSheetNativeView","Error","TrueSheet","displayName","constructor","props","ref","onDismiss","bind","onPresent","onSizeChange","state","scrollableHandle","handle","nodeHandle","current","updateHandles","scrollRef","setState","event","nativeEvent","componentDidMount","componentDidUpdate","present","index","dismiss","render","FooterComponent","createElement","style","$nativeSheet","sizes","backgroundColor","children","position","zIndex"],"sourceRoot":"../../src","sources":["TrueSheet.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","PureComponent","createRef","requireNativeComponent","Platform","findNodeHandle","View","TrueSheetModule","LINKING_ERROR","select","ios","default","ComponentName","TrueSheetNativeView","Error","TrueSheet","displayName","constructor","props","ref","onDismiss","bind","onPresent","onSizeChange","state","scrollableHandle","handle","nodeHandle","current","updateState","scrollRef","setState","event","nativeEvent","componentDidMount","sizes","length","console","warn","componentDidUpdate","present","index","dismiss","render","FooterComponent","createElement","style","$nativeSheet","collapsable","backgroundColor","children","position","zIndex"],"sourceRoot":"../../src","sources":["TrueSheet.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/TrueSheetModule.js

@@ -3,7 +3,9 @@ const LINKING_ERROR = `The package '@lodev09/react-native-true-sheet' doesn't se
   ios: "- You have run 'pod install'\n",
   default: ''
 }) + '- You rebuilt the app after installing the package\n' + '- You are not using Expo Go\n';
-export const TrueSheetModule = NativeModules.TrueSheetViewManager ? NativeModules.TrueSheetViewManager : new Proxy({}, {
+
+// NativeModules automatically resolves 'TrueSheetView' to 'TrueSheetViewModule'
+export const TrueSheetModule = NativeModules.TrueSheetView ? NativeModules.TrueSheetView : new Proxy({}, {
   get() {
     throw new Error(LINKING_ERROR);
   }

package/lib/module/TrueSheetModule.js.map

@@ -1 +1 @@
-{"version":3,"names":["NativeModules","Platform","LINKING_ERROR","select","ios","default","TrueSheetModule","TrueSheetViewManager","Proxy","get","Error"],"sourceRoot":"../../src","sources":["TrueSheetModule.ts"],"mappings":"AAAA,SAASA,aAAa,EAAEC,QAAQ,QAAQ,cAAc;AAEtD,MAAMC,aAAa,GAChB,2FAA0F,GAC3FD,QAAQ,CAACE,MAAM,CAAC;EAAEC,GAAG,EAAE,gCAAgC;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,GACvE,sDAAsD,GACtD,+BAA+B;AAEjC,OAAO,MAAMC,eAAe,GAAGN,aAAa,CAACO,oBAAoB,GAC7DP,aAAa,CAACO,oBAAoB,GAClC,IAAIC,KAAK,CACP,CAAC,CAAC,EACF;EACEC,GAAGA,CAAA,EAAG;IACJ,MAAM,IAAIC,KAAK,CAACR,aAAa,CAAC;EAChC;AACF,CACF,CAAC","ignoreList":[]}
+{"version":3,"names":["NativeModules","Platform","LINKING_ERROR","select","ios","default","TrueSheetModule","TrueSheetView","Proxy","get","Error"],"sourceRoot":"../../src","sources":["TrueSheetModule.ts"],"mappings":"AAAA,SAASA,aAAa,EAAEC,QAAQ,QAAQ,cAAc;AAEtD,MAAMC,aAAa,GAChB,2FAA0F,GAC3FD,QAAQ,CAACE,MAAM,CAAC;EAAEC,GAAG,EAAE,gCAAgC;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,GACvE,sDAAsD,GACtD,+BAA+B;;AAEjC;AACA,OAAO,MAAMC,eAAe,GAAGN,aAAa,CAACO,aAAa,GACtDP,aAAa,CAACO,aAAa,GAC3B,IAAIC,KAAK,CACP,CAAC,CAAC,EACF;EACEC,GAAGA,CAAA,EAAG;IACJ,MAAM,IAAIC,KAAK,CAACR,aAAa,CAAC;EAChC;AACF,CACF,CAAC","ignoreList":[]}

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

@@ -8,7 +8,7 @@ export declare class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetSt
     private readonly ref;
     constructor(props: TrueSheetProps);
     private get handle();
-    private updateHandles;
+    private updateState;
     private onSizeChange;
     private onPresent;
     private onDismiss;

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;AAYlG,OAAO,KAAK,EAAE,cAAc,EAAmB,MAAM,SAAS,CAAA;AA6B9D,UAAU,cAAc;IACtB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;CAChC;AAED,qBAAa,SAAU,SAAQ,aAAa,CAAC,cAAc,EAAE,cAAc,CAAC;IAC1E,WAAW,SAAc;IAEzB,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAsB;gBAE9B,KAAK,EAAE,cAAc;IAcjC,OAAO,KAAK,MAAM,GAOjB;IAED,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,SAAS;IAIjB,iBAAiB,IAAI,IAAI;IAIzB,kBAAkB,IAAI,IAAI;IAI1B;;;OAGG;IACU,OAAO,CAAC,KAAK,GAAE,MAAU;IAItC;;OAEG;IACU,OAAO;IAIpB,MAAM,IAAI,SAAS;CAoBpB"}
+{"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,EAAmB,MAAM,SAAS,CAAA;AA6B9D,UAAU,cAAc;IACtB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;CAChC;AAED,qBAAa,SAAU,SAAQ,aAAa,CAAC,cAAc,EAAE,cAAc,CAAC;IAC1E,WAAW,SAAc;IAEzB,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAsB;gBAE9B,KAAK,EAAE,cAAc;IAcjC,OAAO,KAAK,MAAM,GAOjB;IAED,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,SAAS;IAIjB,iBAAiB,IAAI,IAAI;IAUzB,kBAAkB,IAAI,IAAI;IAI1B;;;OAGG;IACU,OAAO,CAAC,KAAK,GAAE,MAAU;IAItC;;OAEG;IACU,OAAO;IAIpB,MAAM,IAAI,SAAS;CAyBpB"}

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

@@ -1 +1 @@
-{"version":3,"file":"TrueSheetModule.d.ts","sourceRoot":"","sources":["../../../src/TrueSheetModule.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,eAAe,KASvB,CAAA"}
+{"version":3,"file":"TrueSheetModule.d.ts","sourceRoot":"","sources":["../../../src/TrueSheetModule.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,eAAe,KASvB,CAAA"}

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

@@ -57,16 +57,17 @@ export interface TrueSheetProps extends ViewProps {
      */
     backgroundColor?: ColorValue;
     /**
-     * The main scrollable ref that Sheet should handle.
+     * The main scrollable ref that Sheet should handle on IOS.
+     * @platform ios
      */
     scrollRef?: RefObject<Component<unknown>>;
     /**
      * The sizes you want the Sheet to support.
-     * IMPORTANT! Sort them in ascending order
+     * Maximum of 3 sizes only; collapsed, half-expanded, expanded.
      *
      * Example:
      * ```ts
-     * size={['auto', 400, '80%', 'large']}
+     * size={['auto', '60%', 'large']}
      * ```
      *
      * @default ['medium', 'large']

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAEzD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;;GAGG;AACH,MAAM,MAAM,SAAS;AACnB;;;;;GAKG;AACD,MAAM;AAER;;;;;GAKG;GACD,MAAM;AAER;;;;;GAKG;GACD,GAAG,MAAM,GAAG;AAEd;;;;;GAKG;GACD,OAAO;AAET;;;;;GAKG;GACD,QAAQ;AAEV;;;;;GAKG;GACD,OAAO,CAAA;AAEX,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C;;OAEG;IACH,eAAe,CAAC,EAAE,UAAU,CAAA;IAE5B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IAEzC;;;;;;;;;;OAUG;IACH,KAAK,CAAC,EAAE,SAAS,EAAE,CAAA;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAExC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IAEtB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;CAChD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAEzD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;;GAGG;AACH,MAAM,MAAM,SAAS;AACnB;;;;;GAKG;AACD,MAAM;AAER;;;;;GAKG;GACD,MAAM;AAER;;;;;GAKG;GACD,GAAG,MAAM,GAAG;AAEd;;;;;GAKG;GACD,OAAO;AAET;;;;;GAKG;GACD,QAAQ;AAEV;;;;;GAKG;GACD,OAAO,CAAA;AAEX,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C;;OAEG;IACH,eAAe,CAAC,EAAE,UAAU,CAAA;IAE5B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IAEzC;;;;;;;;;;OAUG;IACH,KAAK,CAAC,EAAE,SAAS,EAAE,CAAA;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAExC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IAEtB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;CAChD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lodev09/react-native-true-sheet",
-  "version": "0.2.2",
+  "version": "0.3.1",
   "description": "The true native bottom sheet. 💩",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -31,10 +31,10 @@
     "typecheck": "tsc --noEmit",
     "lint": "eslint --fix \"**/*.{js,ts,tsx}\"",
     "format": "prettier --write \"**/*.{js,ts,tsx}\"",
-    "tidy": "yarn typecheck && yarn lint && yarn format && scripts/swiftlint.sh && scripts/swiftformat.sh",
+    "tidy": "yarn typecheck && yarn lint && yarn format && scripts/swiftlint.sh && scripts/ktlint.sh",
     "clean": "del-cli android/build lib && yarn workspace true-sheet-example clean",
     "prepare": "bob build",
-    "release": "release-it"
+    "release": "yarn tidy && release-it"
   },
   "keywords": [
     "react-native",

package/src/TrueSheet.tsx

@@ -23,12 +23,12 @@ const ComponentName = 'TrueSheetView'
 
 interface TrueSheetNativeViewProps {
   scrollableHandle: number | null
+  style: StyleProp<ViewStyle>
+  sizes: TrueSheetProps['sizes']
+  children: ReactNode
   onDismiss: () => void
   onPresent: (event: NativeSyntheticEvent<{ index: number }>) => void
   onSizeChange: (event: NativeSyntheticEvent<SizeChangeEvent>) => void
-  children: ReactNode
-  style: StyleProp<ViewStyle>
-  sizes: TrueSheetProps['sizes']
 }
 
 const TrueSheetNativeView = requireNativeComponent<TrueSheetNativeViewProps>(ComponentName)
@@ -71,7 +71,7 @@ export class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
     return nodeHandle
   }
 
-  private updateHandles() {
+  private updateState() {
     const scrollableHandle = this.props.scrollRef?.current
       ? findNodeHandle(this.props.scrollRef.current)
       : null
@@ -94,11 +94,17 @@ export class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
   }
 
   componentDidMount(): void {
-    this.updateHandles()
+    if (this.props.sizes && this.props.sizes.length > 3) {
+      console.warn(
+        'TrueSheet only supports a maximum of 3 sizes; collapsed, half-expanded and expanded. Check your `sizes` prop.'
+      )
+    }
+
+    this.updateState()
   }
 
   componentDidUpdate(): void {
-    this.updateHandles()
+    this.updateState()
   }
 
   /**
@@ -129,9 +135,14 @@ export class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
         onDismiss={this.onDismiss}
         onSizeChange={this.onSizeChange}
       >
-        <View style={{ backgroundColor: this.props.backgroundColor ?? 'white' }}>
-          <View style={this.props.style}>{this.props.children}</View>
-          <View>{!!FooterComponent && <FooterComponent />}</View>
+        <View
+          collapsable={false}
+          style={{ backgroundColor: this.props.backgroundColor ?? 'white' }}
+        >
+          <View collapsable={false} style={this.props.style}>
+            {this.props.children}
+          </View>
+          <View collapsable={false}>{!!FooterComponent && <FooterComponent />}</View>
         </View>
       </TrueSheetNativeView>
     )
@@ -140,5 +151,5 @@ export class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
 
 const $nativeSheet: ViewStyle = {
   position: 'absolute',
-  zIndex: -99,
+  zIndex: -9999,
 }

package/src/TrueSheetModule.ts

@@ -6,8 +6,9 @@ const LINKING_ERROR =
   '- You rebuilt the app after installing the package\n' +
   '- You are not using Expo Go\n'
 
-export const TrueSheetModule = NativeModules.TrueSheetViewManager
-  ? NativeModules.TrueSheetViewManager
+// NativeModules automatically resolves 'TrueSheetView' to 'TrueSheetViewModule'
+export const TrueSheetModule = NativeModules.TrueSheetView
+  ? NativeModules.TrueSheetView
   : new Proxy(
       {},
       {

package/src/types.ts

@@ -66,17 +66,18 @@ export interface TrueSheetProps extends ViewProps {
   backgroundColor?: ColorValue
 
   /**
-   * The main scrollable ref that Sheet should handle.
+   * The main scrollable ref that Sheet should handle on IOS.
+   * @platform ios
    */
   scrollRef?: RefObject<Component<unknown>>
 
   /**
    * The sizes you want the Sheet to support.
-   * IMPORTANT! Sort them in ascending order
+   * Maximum of 3 sizes only; collapsed, half-expanded, expanded.
    *
    * Example:
    * ```ts
-   * size={['auto', 400, '80%', 'large']}
+   * size={['auto', '60%', 'large']}
    * ```
    *
    * @default ['medium', 'large']