@swmansion/react-native-bottom-sheet 0.9.3 → 0.9.5

package/README.md

@@ -133,6 +133,22 @@ Detents are the points to which the sheet snaps. Each detent is either a number
 (a fixed height in pixels) or `'content'` (the sheet’s content height, capped by
 the available screen height). The default detents are `[0, 'content']`.
 
+Sheet children are laid out in a flex container. For a full‍-‍height
+sheet, apply `flex: 1` to your sheet surface and use the
+`'content'` detent:
+
+```tsx
+<BottomSheet
+  // `detents` defaults to `[0, 'content']`.
+  index={index}
+  onIndexChange={setIndex}
+>
+  <View style={{ flex: 1, backgroundColor: 'white' }}>
+    {/* Full-height sheet content. */}
+  </View>
+</BottomSheet>
+```
+
 The `index` prop is a zero&zwj;-&zwj;based index into the `detents` array.
 `onIndexChange` and `onSettle` have different&nbsp;responsibilities:
 
@@ -228,8 +244,6 @@ product&zwj;—&zwj;[hire&nbsp;us](https://swmansion.com/contact/projects?utm_so
 
 [![](https://logo.swmansion.com/logo?color=white&variant=desktop&width=152&tag=react-native-bottom-sheet-github)](https://swmansion.com)
 
-[![](https://contrib.rocks/image?repo=software-mansion-labs/react-native-bottom-sheet)](https://github.com/software-mansion-labs/react-native-bottom-sheet/graphs/contributors)
-
 ## Sponsored by [Gobi Maps](https://www.gobimaps.com)
 
 The best of your city, all in one&nbsp;map.

package/android/src/main/java/com/swmansion/reactnativebottomsheet/BottomSheetView.kt

@@ -260,12 +260,13 @@ class BottomSheetView(context: Context) : ReactViewGroup(context) {
 
   private fun resolveDetentSpecs(): List<DetentSpec> {
     val maxHeight = resolvedMaxDetentHeight()
-    val contentHeight = validContentHeight().takeIf { it.isFinite() } ?: maxHeight
+    val contentHeight =
+      validContentHeight().takeIf { it.isFinite() }?.coerceAtMost(maxHeight) ?: maxHeight
     return rawDetentSpecs.map { spec ->
       val height =
         when (spec.kind) {
-          DetentKind.POINTS -> spec.value
-          DetentKind.CONTENT -> contentHeight.coerceAtMost(maxHeight)
+          DetentKind.POINTS -> spec.value.coerceAtMost(contentHeight)
+          DetentKind.CONTENT -> contentHeight
         }.coerceIn(0f, maxHeight)
       DetentSpec(height = height, programmatic = spec.programmatic)
     }
@@ -451,6 +452,7 @@ class BottomSheetView(context: Context) : ReactViewGroup(context) {
     }
 
     val targetTy = translationY(index)
+    val currentTy = sheetContainer.translationY
     activeAnimationEmitsSettle = emitSettle
     activeAnimation?.cancel()
 
@@ -461,8 +463,8 @@ class BottomSheetView(context: Context) : ReactViewGroup(context) {
             dampingRatio = SpringForce.DAMPING_RATIO_NO_BOUNCY
             stiffness = SpringForce.STIFFNESS_MEDIUM
           }
-        setMinValue(minDetentTranslationY)
-        setMaxValue(maxDetentTranslationY)
+        setMinValue(minOf(minDetentTranslationY, currentTy, targetTy))
+        setMaxValue(maxOf(maxDetentTranslationY, currentTy, targetTy))
         setStartVelocity(velocity)
         addEndListener { _, canceled, _, _ ->
           if (canceled) {

package/ios/RNSBottomSheetHostingView.swift

@@ -130,7 +130,7 @@ public final class RNSBottomSheetHostingView: UIView {
       let indexToApply = pendingIndex ?? targetIndex
       let clampedIndex = max(0, min(detentSpecs.count - 1, indexToApply))
 
-      if animateIn && isInvalidContentDetentTarget(clampedIndex) {
+      if animateIn, isInvalidContentDetentTarget(clampedIndex) {
         targetIndex = clampedIndex
         pendingIndex = clampedIndex
         let closedTy = maximumResolvedDetentHeight ?? bounds.height
@@ -392,6 +392,7 @@ public final class RNSBottomSheetHostingView: UIView {
     switch gesture.state {
     case .began:
       isPanning = true
+      sheetContainer.endEditing(true)
       setContentInteractionEnabled(false)
       if let handler = surfaceTouchHandler {
         handler.isEnabled = false
@@ -545,7 +546,7 @@ public final class RNSBottomSheetHostingView: UIView {
       let height: CGFloat
       switch spec.kind {
       case .points:
-        height = spec.value
+        height = min(spec.value, contentHeight)
       case .content:
         height = contentHeight
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swmansion/react-native-bottom-sheet",
-  "version": "0.9.3",
+  "version": "0.9.5",
   "description": "Provides bottom-sheet components for React Native.",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",