@lodev09/react-native-true-sheet 3.11.3 → 3.11.5

package/RNTrueSheet.podspec

@@ -10,10 +10,14 @@ Pod::Spec.new do |s|
   s.license      = package["license"]
   s.authors      = package["author"]
 
-  s.platforms    = { :ios => min_ios_version_supported }
+  s.platforms    = { :ios => min_ios_version_supported, :tvos => min_ios_version_supported }
   s.source       = { :git => "https://github.com/lodev09/react-native-true-sheet.git", :tag => "#{s.version}" }
 
-  s.source_files = "ios/**/*.{h,m,mm,swift,cpp}", "common/cpp/**/*.{cpp,h}"
+  # tvOS compiles stubs only — sheets are not supported there, but codegen
+  # still registers the components so the classes must exist (#722)
+  s.ios.source_files = "ios/**/*.{h,m,mm,swift,cpp}", "common/cpp/**/*.{cpp,h}"
+  s.ios.exclude_files = "ios/tvos/**/*"
+  s.tvos.source_files = "ios/tvos/**/*.mm", "common/cpp/**/*.{cpp,h}"
   s.private_header_files = "ios/**/*.h"
 
   s.pod_target_xcconfig = {

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

@@ -2,8 +2,10 @@ package com.lodev09.truesheet
 
 import android.annotation.SuppressLint
 import android.view.View
+import android.view.ViewGroup
 import com.facebook.react.uimanager.ThemedReactContext
 import com.facebook.react.uimanager.events.EventDispatcher
+import com.facebook.react.util.RNLog
 import com.facebook.react.views.view.ReactViewGroup
 
 interface TrueSheetContainerViewDelegate {
@@ -13,6 +15,7 @@ interface TrueSheetContainerViewDelegate {
   fun containerViewScrollViewDidChange()
   fun containerViewHeaderDidChangeSize(width: Int, height: Int)
   fun containerViewFooterDidChangeSize(width: Int, height: Int)
+  fun containerViewPeekDidChangeSize(width: Int, height: Int)
 }
 
 /**
@@ -24,18 +27,40 @@ class TrueSheetContainerView(reactContext: ThemedReactContext) :
   ReactViewGroup(reactContext),
   TrueSheetContentViewDelegate,
   TrueSheetHeaderViewDelegate,
-  TrueSheetFooterViewDelegate {
+  TrueSheetFooterViewDelegate,
+  TrueSheetPeekViewDelegate {
 
   var delegate: TrueSheetContainerViewDelegate? = null
 
   var contentView: TrueSheetContentView? = null
   var headerView: TrueSheetHeaderView? = null
   var footerView: TrueSheetFooterView? = null
+  var peekView: TrueSheetPeekView? = null
 
   var contentHeight: Int = 0
   var headerHeight: Int = 0
   var footerHeight: Int = 0
 
+  /**
+   * Distance from the top of the content view to the bottom of the peek view.
+   * Includes the peek view's offset within the content (padding, views above it)
+   * so the peek detent reveals everything down to the peek content's bottom edge.
+   */
+  val peekContentHeight: Int
+    get() {
+      val peek = peekView ?: return 0
+      val content = contentView ?: return peek.height
+
+      var bottom = peek.height
+      var view: View = peek
+      while (view !== content) {
+        bottom += view.top
+        view = view.parent as? View ?: return peek.height
+      }
+
+      return bottom
+    }
+
   var insetAdjustment: TrueSheetInsetAdjustment = TrueSheetInsetAdjustment.AUTOMATIC
   var scrollViewBottomInset: Int = 0
   var scrollableEnabled: Boolean = false
@@ -75,6 +100,10 @@ class TrueSheetContainerView(reactContext: ThemedReactContext) :
         child.delegate = this
         child.scrollableOptions = scrollableOptions
         contentView = child
+
+        // Children mount bottom-up, so the content subtree is complete here.
+        // Late-mounted peek views attach themselves instead (see TrueSheetPeekView).
+        findPeekView(child)?.let { attachPeekView(it) }
       }
 
       is TrueSheetHeaderView -> {
@@ -113,6 +142,41 @@ class TrueSheetContainerView(reactContext: ThemedReactContext) :
     super.removeViewAt(index)
   }
 
+  // ==================== Peek View ====================
+
+  private fun findPeekView(view: View): TrueSheetPeekView? {
+    if (view is TrueSheetPeekView) return view
+
+    if (view is ViewGroup) {
+      for (i in 0 until view.childCount) {
+        findPeekView(view.getChildAt(i))?.let { return it }
+      }
+    }
+
+    return null
+  }
+
+  fun attachPeekView(view: TrueSheetPeekView) {
+    if (peekView === view) return
+
+    if (peekView != null) {
+      RNLog.w(context as ThemedReactContext, "TrueSheet: Sheet can only have one peek component.")
+      return
+    }
+
+    peekView = view
+    view.delegate = this
+    peekViewDidChangeSize(view.width, view.height)
+  }
+
+  fun detachPeekView(view: TrueSheetPeekView) {
+    if (peekView !== view) return
+
+    view.delegate = null
+    peekView = null
+    peekViewDidChangeSize(0, 0)
+  }
+
   // ==================== Delegate Implementations ====================
 
   override fun contentViewDidChangeSize(width: Int, height: Int) {
@@ -138,6 +202,10 @@ class TrueSheetContainerView(reactContext: ThemedReactContext) :
     delegate?.containerViewFooterDidChangeSize(width, height)
   }
 
+  override fun peekViewDidChangeSize(width: Int, height: Int) {
+    delegate?.containerViewPeekDidChangeSize(width, height)
+  }
+
   companion object {
     const val TAG_NAME = "TrueSheet"
   }

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

@@ -1,8 +1,11 @@
 package com.lodev09.truesheet
 
 import android.annotation.SuppressLint
+import android.text.Editable
+import android.text.TextWatcher
 import android.view.View
 import android.view.ViewGroup
+import android.widget.EditText
 import android.widget.ScrollView
 import androidx.core.widget.NestedScrollView
 import androidx.swiperefreshlayout.widget.SwipeRefreshLayout
@@ -45,6 +48,9 @@ class TrueSheetContentView(private val reactContext: ThemedReactContext) : React
   private var keyboardScrollOffset: Float = 0f
   private var keyboardObserver: TrueSheetKeyboardObserver? = null
 
+  private var watchedEditText: EditText? = null
+  private var caretTextWatcher: TextWatcher? = null
+
   var scrollableOptions: ScrollableOptions? = null
     set(value) {
       field = value
@@ -190,14 +196,17 @@ class TrueSheetContentView(private val reactContext: ThemedReactContext) : React
         }
 
         override fun keyboardDidShow(height: Int) {
+          attachCaretListener()
           scrollToFocusedInput()
         }
 
         override fun keyboardWillHide() {
+          detachCaretListener()
           updateScrollViewInsetForKeyboard(0)
         }
 
         override fun focusDidChange(newFocus: View) {
+          attachCaretListener()
           scrollToFocusedInput()
         }
       }
@@ -206,10 +215,37 @@ class TrueSheetContentView(private val reactContext: ThemedReactContext) : React
   }
 
   fun cleanupKeyboardHandler() {
+    detachCaretListener()
     keyboardObserver?.stop()
     keyboardObserver = null
   }
 
+  private fun attachCaretListener() {
+    val focused = findFocus() as? EditText
+    if (focused === watchedEditText) return
+
+    detachCaretListener()
+    if (focused == null) return
+
+    val watcher = object : TextWatcher {
+      override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) {}
+      override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) {}
+      override fun afterTextChanged(s: Editable?) {
+        focused.post { scrollToFocusedInput() }
+      }
+    }
+
+    focused.addTextChangedListener(watcher)
+    watchedEditText = focused
+    caretTextWatcher = watcher
+  }
+
+  private fun detachCaretListener() {
+    caretTextWatcher?.let { watchedEditText?.removeTextChangedListener(it) }
+    caretTextWatcher = null
+    watchedEditText = null
+  }
+
   private fun updateScrollViewInsetForKeyboard(keyboardHeight: Int) {
     val scrollView = pinnedScrollView ?: return
 
@@ -234,14 +270,36 @@ class TrueSheetContentView(private val reactContext: ThemedReactContext) : React
     focusedView.getLocationOnScreen(focusedLocation)
     scrollView.getLocationOnScreen(scrollViewLocation)
 
-    val relativeTop = focusedLocation[1] - scrollViewLocation[1] + scrollView.scrollY
-    val relativeBottom = relativeTop + focusedView.height + keyboardScrollOffset.toInt()
+    val viewTop = focusedLocation[1] - scrollViewLocation[1] + scrollView.scrollY
+
+    // Resolve the caret's line within the focused input so we follow the cursor
+    // rather than the input's full bounds (which over-scrolls tall inputs).
+    val editText = focusedView as? EditText
+    val layout = editText?.layout
+
+    val caretTop: Int
+    val caretBottom: Int
+    if (editText != null && layout != null) {
+      val line = layout.getLineForOffset(editText.selectionEnd.coerceAtLeast(0))
+      val textTop = viewTop + editText.totalPaddingTop - editText.scrollY
+      caretTop = textTop + layout.getLineTop(line)
+      caretBottom = textTop + layout.getLineBottom(line)
+    } else {
+      caretTop = viewTop
+      caretBottom = viewTop + focusedView.height
+    }
 
+    val offset = keyboardScrollOffset.toInt()
     val visibleHeight = scrollView.height - scrollView.paddingBottom
+    val visibleTop = scrollView.scrollY
     val visibleBottom = scrollView.scrollY + visibleHeight
 
-    if (relativeBottom > visibleBottom) {
-      scrollView.smoothScrollTo(0, relativeBottom - visibleHeight)
+    when {
+      caretBottom + offset > visibleBottom ->
+        scrollView.smoothScrollTo(0, caretBottom + offset - visibleHeight)
+
+      caretTop - offset < visibleTop ->
+        scrollView.smoothScrollTo(0, (caretTop - offset).coerceAtLeast(0))
     }
   }
 

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

@@ -39,6 +39,7 @@ class TrueSheetPackage : BaseReactPackage() {
       TrueSheetContainerViewManager(),
       TrueSheetContentViewManager(),
       TrueSheetHeaderViewManager(),
-      TrueSheetFooterViewManager()
+      TrueSheetFooterViewManager(),
+      TrueSheetPeekViewManager()
     )
 }

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

@@ -0,0 +1,72 @@
+package com.lodev09.truesheet
+
+import android.annotation.SuppressLint
+import android.view.ViewParent
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.views.view.ReactViewGroup
+
+/**
+ * Delegate interface for peek view size changes
+ */
+interface TrueSheetPeekViewDelegate {
+  fun peekViewDidChangeSize(width: Int, height: Int)
+}
+
+/**
+ * Peek view that marks part of the content as the sheet's peek content.
+ * The peek detent covers the content through this view's bottom edge.
+ */
+@SuppressLint("ViewConstructor")
+class TrueSheetPeekView(context: ThemedReactContext) : ReactViewGroup(context) {
+  var delegate: TrueSheetPeekViewDelegate? = null
+
+  override fun onLayout(
+    changed: Boolean,
+    left: Int,
+    top: Int,
+    right: Int,
+    bottom: Int
+  ) {
+    super.onLayout(changed, left, top, right, bottom)
+
+    attachToContainerView()
+
+    // Position changes matter too — the peek's offset within the content
+    // affects the peek detent.
+    if (changed) {
+      delegate?.peekViewDidChangeSize(width, height)
+    }
+  }
+
+  override fun onAttachedToWindow() {
+    super.onAttachedToWindow()
+    attachToContainerView()
+  }
+
+  /**
+   * Peek can be nested anywhere within the content, so it attaches itself to the
+   * nearest container instead of being mounted by it. The container also searches
+   * for it when the content is added to cover the initial (bottom-up) mount order.
+   */
+  private fun attachToContainerView() {
+    if (delegate != null) return
+
+    var parent: ViewParent? = parent
+    while (parent != null && parent !is TrueSheetContainerView) {
+      parent = parent.parent
+    }
+
+    (parent as? TrueSheetContainerView)?.attachPeekView(this)
+  }
+
+  /**
+   * Called by the ViewManager when the view is dropped (Fabric unmount)
+   */
+  fun detachFromContainerView() {
+    (delegate as? TrueSheetContainerView)?.detachPeekView(this)
+  }
+
+  companion object {
+    const val TAG_NAME = "TrueSheet"
+  }
+}

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

@@ -0,0 +1,33 @@
+package com.lodev09.truesheet
+
+import com.facebook.react.module.annotations.ReactModule
+import com.facebook.react.uimanager.PointerEvents
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.ViewGroupManager
+import com.facebook.react.uimanager.annotations.ReactProp
+
+/**
+ * ViewManager for TrueSheetPeekView
+ * Marks part of the content as the sheet's peek content
+ */
+@ReactModule(name = TrueSheetPeekViewManager.REACT_CLASS)
+class TrueSheetPeekViewManager : ViewGroupManager<TrueSheetPeekView>() {
+
+  override fun getName(): String = REACT_CLASS
+
+  override fun createViewInstance(reactContext: ThemedReactContext): TrueSheetPeekView = TrueSheetPeekView(reactContext)
+
+  override fun onDropViewInstance(view: TrueSheetPeekView) {
+    super.onDropViewInstance(view)
+    view.detachFromContainerView()
+  }
+
+  @ReactProp(name = "pointerEvents")
+  fun setPointerEvents(view: TrueSheetPeekView, pointerEventsStr: String?) {
+    view.pointerEvents = PointerEvents.parsePointerEvents(pointerEventsStr)
+  }
+
+  companion object {
+    const val REACT_CLASS = "TrueSheetPeekView"
+  }
+}

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

@@ -615,10 +615,16 @@ class TrueSheetView(private val reactContext: ThemedReactContext) :
   }
 
   override fun containerViewFooterDidChangeSize(width: Int, height: Int) {
-    // Footer changes don't affect detents, only reposition it
+    // Footer height affects peek detents
+    updateSheetIfNeeded()
     viewController.positionFooter()
   }
 
+  override fun containerViewPeekDidChangeSize(width: Int, height: Int) {
+    // Peek content height affects peek detents
+    updateSheetIfNeeded()
+  }
+
   // ==================== RNScreensEventObserverDelegate ====================
 
   override fun presenterScreenWillDisappear() {

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

@@ -275,6 +275,8 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
   // Cached values used during dismiss when container is unmounted
   private var cachedContentHeight: Int = 0
   private var cachedHeaderHeight: Int = 0
+  private var cachedFooterHeight: Int = 0
+  private var cachedPeekContentHeight: Int = 0
 
   override val contentHeight: Int
     get() = containerView?.contentHeight ?: cachedContentHeight
@@ -282,6 +284,12 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
   override val headerHeight: Int
     get() = containerView?.headerHeight ?: cachedHeaderHeight
 
+  override val footerHeight: Int
+    get() = containerView?.footerHeight ?: cachedFooterHeight
+
+  override val peekContentHeight: Int
+    get() = containerView?.peekContentHeight ?: cachedPeekContentHeight
+
   // Insets
   // Target keyboard height used for detent calculations
   override val keyboardInset: Int
@@ -836,6 +844,8 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
     containerView?.let {
       cachedContentHeight = it.contentHeight
       cachedHeaderHeight = it.headerHeight
+      cachedFooterHeight = it.footerHeight
+      cachedPeekContentHeight = it.peekContentHeight
     }
 
     interactionState = InteractionState.Reconfiguring

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

@@ -1,5 +1,6 @@
 package com.lodev09.truesheet.core
 
+import com.facebook.react.uimanager.PixelUtil.dpToPx
 import com.facebook.react.uimanager.PixelUtil.pxToDp
 import com.facebook.react.uimanager.ThemedReactContext
 import com.facebook.react.util.RNLog
@@ -14,6 +15,8 @@ interface TrueSheetDetentCalculatorDelegate {
   val detents: MutableList<Double>
   val contentHeight: Int
   val headerHeight: Int
+  val footerHeight: Int
+  val peekContentHeight: Int
   val contentBottomInset: Int
   val maxContentHeight: Int?
   val keyboardInset: Int
@@ -31,17 +34,31 @@ class TrueSheetDetentCalculator(private val reactContext: ThemedReactContext) {
   private val detents: List<Double> get() = delegate?.detents ?: emptyList()
   private val contentHeight: Int get() = delegate?.contentHeight ?: 0
   private val headerHeight: Int get() = delegate?.headerHeight ?: 0
+  private val footerHeight: Int get() = delegate?.footerHeight ?: 0
+  private val peekContentHeight: Int get() = delegate?.peekContentHeight ?: 0
   private val contentBottomInset: Int get() = delegate?.contentBottomInset ?: 0
   private val maxContentHeight: Int? get() = delegate?.maxContentHeight
   private val keyboardInset: Int get() = delegate?.keyboardInset ?: 0
 
+  /**
+   * Height for peek (-2.0) detents: header + footer + peek content height.
+   * Falls back to 150dp when none is present.
+   */
+  private val peekDetentHeight: Int
+    get() {
+      val height = headerHeight + footerHeight + peekContentHeight
+      return if (height > 0) height else DEFAULT_PEEK_HEIGHT.dpToPx().toInt()
+    }
+
   /**
    * Calculate the height in pixels for a given detent value.
-   * @param detent The detent value: -1.0 for content-fit, or 0.0-1.0 for screen fraction
+   * @param detent The detent value: -1.0 for content-fit, -2.0 for peek, or 0.0-1.0 for screen fraction
    */
   fun getDetentHeight(detent: Double, includeKeyboard: Boolean = true): Int {
     val baseHeight = if (detent == -1.0) {
       contentHeight + headerHeight + contentBottomInset
+    } else if (detent == -2.0) {
+      peekDetentHeight + contentBottomInset
     } else {
       if (detent <= 0.0 || detent > 1.0) {
         throw IllegalArgumentException("TrueSheet: detent fraction ($detent) must be between 0 and 1")
@@ -83,6 +100,8 @@ class TrueSheetDetentCalculator(private val reactContext: ThemedReactContext) {
     val value = detents[index]
     return if (value == -1.0) {
       (contentHeight + headerHeight).toFloat() / screenHeight.toFloat()
+    } else if (value == -2.0) {
+      peekDetentHeight.toFloat() / screenHeight.toFloat()
     } else {
       value.toFloat()
     }
@@ -211,4 +230,8 @@ class TrueSheetDetentCalculator(private val reactContext: ThemedReactContext) {
     val toDetent = getDetentValueForIndex(toIndex)
     return fromDetent + progress * (toDetent - fromDetent)
   }
+
+  companion object {
+    private const val DEFAULT_PEEK_HEIGHT = 150f
+  }
 }

package/ios/TrueSheetContainerView.h

@@ -23,6 +23,8 @@ NS_ASSUME_NONNULL_BEGIN
 
 @end
 
+@class TrueSheetPeekView;
+
 @protocol TrueSheetContainerViewDelegate <NSObject>
 
 - (void)containerViewContentDidChangeSize:(CGSize)newSize;
@@ -32,6 +34,7 @@ NS_ASSUME_NONNULL_BEGIN
 
 - (void)containerViewHeaderDidChangeSize:(CGSize)newSize;
 - (void)containerViewFooterDidChangeSize:(CGSize)newSize;
+- (void)containerViewPeekDidChangeSize:(CGSize)newSize;
 
 @end
 
@@ -67,6 +70,21 @@ NS_ASSUME_NONNULL_BEGIN
  */
 - (CGFloat)headerHeight;
 
+/**
+ * Returns the current footer height
+ */
+- (CGFloat)footerHeight;
+
+/**
+ * Returns the current height of the peek view within the content
+ */
+- (CGFloat)peekContentHeight;
+
+/**
+ * Registers a peek view found within the content subtree
+ */
+- (void)attachPeekView:(TrueSheetPeekView *)peekView;
+
 /**
  * Updates footer layout constraints if needed
  */

package/ios/TrueSheetContainerView.mm

@@ -13,6 +13,7 @@
 #import "TrueSheetContentView.h"
 #import "TrueSheetFooterView.h"
 #import "TrueSheetHeaderView.h"
+#import "TrueSheetPeekView.h"
 #import "TrueSheetViewController.h"
 #import "core/TrueSheetKeyboardObserver.h"
 #import "utils/UIView+ScrollEdgeInteraction.h"
@@ -45,13 +46,15 @@ using namespace facebook::react;
 
 @interface TrueSheetContainerView () <TrueSheetContentViewDelegate,
   TrueSheetHeaderViewDelegate,
-  TrueSheetFooterViewDelegate>
+  TrueSheetFooterViewDelegate,
+  TrueSheetPeekViewDelegate>
 @end
 
 @implementation TrueSheetContainerView {
   TrueSheetContentView *_contentView;
   TrueSheetHeaderView *_headerView;
   TrueSheetFooterView *_footerView;
+  TrueSheetPeekView *__weak _peekView;
   TrueSheetKeyboardObserver *_keyboardObserver;
   BOOL _scrollableSet;
 }
@@ -119,6 +122,25 @@ using namespace facebook::react;
   return _headerView ? _headerView.frame.size.height : 0;
 }
 
+- (CGFloat)footerHeight {
+  return _footerView ? _footerView.frame.size.height : 0;
+}
+
+// Distance from the top of the content view to the bottom of the peek view.
+// Includes the peek view's offset within the content (padding, views above it)
+// so the peek detent reveals everything down to the peek content's bottom edge.
+- (CGFloat)peekContentHeight {
+  if (!_peekView) {
+    return 0;
+  }
+
+  if (!_contentView || ![_peekView isDescendantOfView:_contentView]) {
+    return _peekView.frame.size.height;
+  }
+
+  return CGRectGetMaxY([_peekView convertRect:_peekView.bounds toView:_contentView]);
+}
+
 - (void)layoutFooter {
   if (_footerView) {
     CGFloat height = _footerView.frame.size.height;
@@ -192,6 +214,13 @@ using namespace facebook::react;
     }
     _contentView = (TrueSheetContentView *)childComponentView;
     _contentView.delegate = self;
+
+    // Children mount bottom-up, so the content subtree is complete here.
+    // Late-mounted peek views attach themselves instead (see TrueSheetPeekView).
+    TrueSheetPeekView *peekView = [self findPeekViewIn:_contentView];
+    if (peekView) {
+      [self attachPeekView:peekView];
+    }
   }
 
   if ([childComponentView isKindOfClass:[TrueSheetHeaderView class]]) {
@@ -211,6 +240,7 @@ using namespace facebook::react;
     }
     _footerView = (TrueSheetFooterView *)childComponentView;
     _footerView.delegate = self;
+    [self footerViewDidChangeSize:_footerView.frame.size];
   }
 }
 
@@ -229,6 +259,7 @@ using namespace facebook::react;
   if ([childComponentView isKindOfClass:[TrueSheetFooterView class]]) {
     _footerView.delegate = nil;
     _footerView = nil;
+    [self footerViewDidChangeSize:CGSizeZero];
   }
 
   [super unmountChildComponentView:childComponentView index:index];
@@ -272,6 +303,52 @@ using namespace facebook::react;
   }
 }
 
+#pragma mark - TrueSheetPeekViewDelegate
+
+- (nullable TrueSheetPeekView *)findPeekViewIn:(UIView *)view {
+  if ([view isKindOfClass:[TrueSheetPeekView class]]) {
+    return (TrueSheetPeekView *)view;
+  }
+
+  for (UIView *subview in view.subviews) {
+    TrueSheetPeekView *found = [self findPeekViewIn:subview];
+    if (found) {
+      return found;
+    }
+  }
+
+  return nil;
+}
+
+- (void)attachPeekView:(TrueSheetPeekView *)peekView {
+  if (_peekView == peekView) {
+    return;
+  }
+
+  if (_peekView != nil) {
+    RCTLogWarn(@"TrueSheet: Sheet can only have one peek component.");
+    return;
+  }
+
+  _peekView = peekView;
+  peekView.delegate = self;
+  [self peekViewDidChangeSize:peekView.frame.size];
+}
+
+- (void)peekViewDidChangeSize:(CGSize)newSize {
+  [self.delegate containerViewPeekDidChangeSize:newSize];
+}
+
+- (void)peekViewWillDetach:(TrueSheetPeekView *)peekView {
+  if (_peekView != peekView) {
+    return;
+  }
+
+  _peekView.delegate = nil;
+  _peekView = nil;
+  [self peekViewDidChangeSize:CGSizeZero];
+}
+
 #pragma mark - Keyboard Observer
 
 - (void)setupKeyboardObserverWithViewController:(UIViewController *)viewController {