@lodev09/react-native-true-sheet 3.7.4-beta.2 → 3.8.0-beta.0

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

@@ -8,11 +8,13 @@ import android.view.View
 import android.view.ViewGroup
 import android.view.accessibility.AccessibilityNodeInfo
 import android.widget.ImageView
+import android.widget.ScrollView
 import androidx.activity.OnBackPressedCallback
 import androidx.appcompat.app.AppCompatActivity
 import androidx.core.graphics.createBitmap
 import androidx.core.view.isNotEmpty
 import com.facebook.react.R
+import com.facebook.react.bridge.ReadableMap
 import com.facebook.react.uimanager.JSPointerDispatcher
 import com.facebook.react.uimanager.JSTouchDispatcher
 import com.facebook.react.uimanager.PixelUtil.dpToPx
@@ -24,7 +26,6 @@ import com.facebook.react.util.RNLog
 import com.facebook.react.views.view.ReactViewGroup
 import com.google.android.material.bottomsheet.BottomSheetBehavior
 import com.lodev09.truesheet.core.GrabberOptions
-import com.lodev09.truesheet.core.RNScreensFragmentObserver
 import com.lodev09.truesheet.core.TrueSheetBottomSheetView
 import com.lodev09.truesheet.core.TrueSheetBottomSheetViewDelegate
 import com.lodev09.truesheet.core.TrueSheetCoordinatorLayout
@@ -131,7 +132,7 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
 
   private var interactionState: InteractionState = InteractionState.Idle
   private var isDismissing = false
-  internal var wasHiddenByScreen = false
+  var wasHiddenByScreen = false
   private var shouldAnimatePresent = false
   private var isPresentAnimating = false
 
@@ -145,6 +146,7 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
 
   // Promises
   var presentPromise: (() -> Unit)? = null
+  var resizePromise: (() -> Unit)? = null
   var dismissPromise: (() -> Unit)? = null
 
   // For stacked sheets
@@ -152,7 +154,6 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
 
   // Helper Objects
   private var keyboardObserver: TrueSheetKeyboardObserver? = null
-  private var rnScreensObserver: RNScreensFragmentObserver? = null
   internal val detentCalculator = TrueSheetDetentCalculator(reactContext).apply {
     delegate = this@TrueSheetViewController
   }
@@ -175,12 +176,15 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
   override var grabberOptions: GrabberOptions? = null
   override var sheetBackgroundColor: Int? = null
   var insetAdjustment: String = "automatic"
+
   var scrollable: Boolean = false
     set(value) {
       field = value
       coordinatorLayout?.scrollable = value
     }
 
+  var scrollableOptions: ReadableMap? = null
+
   override var sheetCornerRadius: Float = DEFAULT_CORNER_RADIUS.dpToPx()
     set(value) {
       field = if (value < 0) DEFAULT_CORNER_RADIUS.dpToPx() else value
@@ -316,7 +320,6 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
 
   private fun cleanupSheet() {
     cleanupKeyboardObserver()
-    cleanupModalObserver()
     cleanupBackCallback()
     sheetView?.animate()?.cancel()
 
@@ -332,6 +335,7 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
     // Detach content from sheet
     sheetView?.removeView(this)
 
+    containerView?.cleanupKeyboardHandler()
     coordinatorLayout = null
     sheetView = null
 
@@ -417,6 +421,8 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
     sheetView?.let { emitChangePositionDelegate(it.top, realtime = false) }
   }
 
+  override fun findScrollView(): ScrollView? = containerView?.contentView?.findScrollView()
+
   // =============================================================================
   // MARK: - TrueSheetDimViewDelegate
   // =============================================================================
@@ -561,54 +567,15 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
   }
 
   // =============================================================================
-  // MARK: - Modal Observer (react-native-screens)
+  // MARK: - Screen Visibility
   // =============================================================================
 
-  private fun setupModalObserver() {
-    rnScreensObserver = RNScreensFragmentObserver(
-      reactContext = reactContext,
-      onScreenPresented = {
-        if (isPresented && isTopmostSheet) {
-          if (isSheetVisible) {
-            dismissKeyboard()
-            post { hideForScreen() }
-          } else {
-            // Sheet is already hidden, just mark it
-            wasHiddenByScreen = true
-          }
-        }
-      },
-      onScreenWillDismiss = {
-        val hasPushedScreens = rnScreensObserver?.hasPushedScreens == true
-        if (isPresented && wasHiddenByScreen && isTopmostSheet && !hasPushedScreens) {
-          showAfterScreen()
-          delegate?.viewControllerDidDetectScreenDismiss()
-        }
-      },
-      onScreenDidDismiss = {
-        if (isPresented && wasHiddenByScreen) {
-          wasHiddenByScreen = false
-          // Restore parent sheet after this sheet is restored
-          parentSheetView?.viewController?.let { parent ->
-            post { parent.showAfterScreen() }
-          }
-        }
-      }
-    )
-    rnScreensObserver?.start()
-  }
-
-  private fun cleanupModalObserver() {
-    rnScreensObserver?.stop()
-    rnScreensObserver = null
-  }
-
   private fun setSheetVisibility(visible: Boolean) {
     coordinatorLayout?.visibility = if (visible) VISIBLE else GONE
     dimViews.forEach { it.visibility = if (visible) VISIBLE else INVISIBLE }
   }
 
-  private fun hideForScreen() {
+  internal fun hideForScreen() {
     val sheet = sheetView ?: run {
       RNLog.e(reactContext, "TrueSheet: sheetView is null in hideForScreen")
       return
@@ -630,7 +597,7 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
     parentSheetView?.viewController?.hideForScreen()
   }
 
-  private fun showAfterScreen() {
+  internal fun showAfterScreen() {
     isSheetVisible = true
     setSheetVisibility(true)
     sheetView?.alpha = 1f
@@ -662,41 +629,58 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
     }
 
     if (isPresented) {
-      setupDimmedBackground()
-      setStateForDetentIndex(detentIndex)
+      RNLog.w(reactContext, "TrueSheet: sheet is already presented. Use resize() to change detent.")
+      presentPromise?.invoke()
+      presentPromise = null
+      return
+    }
+
+    shouldAnimatePresent = animated
+    currentDetentIndex = detentIndex
+    interactionState = InteractionState.Idle
+
+    // Setup sheet in coordinator layout
+    setupSheetInCoordinator(coordinator, sheet)
+
+    emitWillPresentEvents()
+
+    setupSheetDetents()
+    setupDimmedBackground()
+    setupKeyboardObserver()
+    setupBackCallback()
+
+    sheet.setupBackground()
+    sheet.setupElevation()
+    sheet.setupGrabber()
+
+    if (shouldAnimatePresent) {
+      isPresentAnimating = true
+      post { setStateForDetentIndex(currentDetentIndex) }
     } else {
-      shouldAnimatePresent = animated
-      currentDetentIndex = detentIndex
-      interactionState = InteractionState.Idle
-
-      // Setup sheet in coordinator layout
-      setupSheetInCoordinator(coordinator, sheet)
-
-      emitWillPresentEvents()
-
-      setupSheetDetents()
-      setupDimmedBackground()
-      setupKeyboardObserver()
-      setupModalObserver()
-      setupBackCallback()
-
-      sheet.setupBackground()
-      sheet.setupElevation()
-      sheet.setupGrabber()
-
-      if (shouldAnimatePresent) {
-        isPresentAnimating = true
-        post { setStateForDetentIndex(currentDetentIndex) }
-      } else {
-        setStateForDetentIndex(currentDetentIndex)
+      setStateForDetentIndex(currentDetentIndex)
+      post {
         emitChangePositionDelegate(detentCalculator.getSheetTopForDetentIndex(currentDetentIndex))
         updateDimAmount()
         finishPresent()
       }
+    }
+
+    isPresented = true
+    isSheetVisible = true
+  }
 
-      isPresented = true
-      isSheetVisible = true
+  fun resize(detentIndex: Int) {
+    if (!isPresented) {
+      RNLog.w(reactContext, "TrueSheet: Cannot resize. Sheet is not presented.")
+      resizePromise?.invoke()
+      resizePromise = null
+      return
     }
+
+    setupDimmedBackground()
+    setStateForDetentIndex(detentIndex)
+    resizePromise?.invoke()
+    resizePromise = null
   }
 
   private fun setupSheetInCoordinator(coordinator: TrueSheetCoordinatorLayout, sheet: TrueSheetBottomSheetView) {
@@ -766,6 +750,8 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
     // Restore isHideable to actual value after present animation
     behavior?.isHideable = dismissible
 
+    containerView?.setupKeyboardHandler()
+
     val (index, position, detent) = getDetentInfoWithValue(currentDetentIndex)
     delegate?.viewControllerDidPresent(index, position, detent)
     parentSheetView?.viewControllerDidBlur()
@@ -1012,6 +998,16 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
           if (!shouldHandleKeyboard(checkFocus = !isHandlingKeyboard)) return
           positionFooter()
         }
+
+        override fun focusDidChange(newFocus: View) {
+          // Handle case where keyboard is already visible and focus moves into the sheet
+          if (!shouldHandleKeyboard()) return
+          if (detentIndexBeforeKeyboard < 0 && (keyboardObserver?.currentHeight ?: 0) > 0) {
+            detentIndexBeforeKeyboard = currentDetentIndex
+            currentDetentIndex = detents.size - 1
+            setupSheetDetents()
+          }
+        }
       }
       start()
     }

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

@@ -203,6 +203,11 @@ class TrueSheetViewManager :
     view.setSheetElevation(elevation.toFloat())
   }
 
+  @ReactProp(name = "scrollableOptions")
+  override fun setScrollableOptions(view: TrueSheetView, options: ReadableMap?) {
+    view.setScrollableOptions(options)
+  }
+
   companion object {
     const val REACT_CLASS = "TrueSheetView"
     const val TAG_NAME = "TrueSheet"

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

@@ -0,0 +1,63 @@
+package com.lodev09.truesheet.core
+
+import android.view.View
+import com.facebook.react.uimanager.events.Event
+import com.facebook.react.uimanager.events.EventDispatcher
+import com.facebook.react.uimanager.events.EventDispatcherListener
+
+private const val RN_SCREENS_VIEW_CLASS = "com.swmansion.rnscreens.Screen"
+
+interface RNScreensEventObserverDelegate {
+  fun presenterScreenWillDisappear()
+  fun presenterScreenWillAppear()
+}
+
+/**
+ * Observes react-native-screens lifecycle events via EventDispatcherListener.
+ * Detects when the presenting screen unmounts while sheet is presented.
+ */
+class RNScreensEventObserver : EventDispatcherListener {
+  var delegate: RNScreensEventObserverDelegate? = null
+
+  private var eventDispatcher: EventDispatcher? = null
+  var presenterScreenTag: Int = 0
+
+  fun startObserving(dispatcher: EventDispatcher?) {
+    if (eventDispatcher != null || dispatcher == null) return
+
+    eventDispatcher = dispatcher
+    dispatcher.addListener(this)
+  }
+
+  fun stopObserving() {
+    eventDispatcher?.removeListener(this)
+    eventDispatcher = null
+  }
+
+  fun capturePresenterScreenFromView(view: View?) {
+    presenterScreenTag = 0
+
+    var current: View? = view
+    while (current != null) {
+      if (isScreenView(current)) {
+        presenterScreenTag = current.id
+        break
+      }
+      current = (current.parent as? View)
+    }
+  }
+
+  override fun onEventDispatch(event: Event<*>) {
+    // Only process events for the presenter screen
+    if (presenterScreenTag == 0 || event.viewTag != presenterScreenTag) return
+
+    when (event.eventName) {
+      "topWillDisappear" -> delegate?.presenterScreenWillDisappear()
+      "topWillAppear" -> delegate?.presenterScreenWillAppear()
+    }
+  }
+
+  companion object {
+    private fun isScreenView(view: View): Boolean = view.javaClass.name == RN_SCREENS_VIEW_CLASS
+  }
+}

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

@@ -52,6 +52,7 @@ class TrueSheetBottomSheetView(private val reactContext: ThemedReactContext) : F
   var delegate: TrueSheetBottomSheetViewDelegate? = null
 
   // Behavior reference (set after adding to CoordinatorLayout)
+  @Suppress("UNCHECKED_CAST")
   val behavior: BottomSheetBehavior<TrueSheetBottomSheetView>?
     get() = (layoutParams as? CoordinatorLayout.LayoutParams)
       ?.behavior as? BottomSheetBehavior<TrueSheetBottomSheetView>

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

@@ -5,7 +5,6 @@ import android.content.Context
 import android.content.res.Configuration
 import android.view.MotionEvent
 import android.view.ViewConfiguration
-import android.view.ViewGroup
 import android.widget.ScrollView
 import androidx.coordinatorlayout.widget.CoordinatorLayout
 import com.facebook.react.uimanager.PointerEvents
@@ -14,6 +13,7 @@ import com.facebook.react.uimanager.ReactPointerEventsView
 interface TrueSheetCoordinatorLayoutDelegate {
   fun coordinatorLayoutDidLayout(changed: Boolean)
   fun coordinatorLayoutDidChangeConfiguration()
+  fun findScrollView(): ScrollView?
 }
 
 /**
@@ -75,7 +75,7 @@ class TrueSheetCoordinatorLayout(context: Context) :
       return super.onInterceptTouchEvent(ev)
     }
 
-    val scrollView = findScrollView(this)
+    val scrollView = delegate?.findScrollView()
     val cannotScroll = scrollView != null &&
       scrollView.scrollY == 0 &&
       !scrollView.canScrollVertically(1)
@@ -126,21 +126,4 @@ class TrueSheetCoordinatorLayout(context: Context) :
     }
     return super.onTouchEvent(ev)
   }
-
-  private fun findScrollView(view: android.view.View): ScrollView? {
-    if (view is ScrollView) {
-      return view
-    }
-
-    if (view is ViewGroup) {
-      for (i in 0 until view.childCount) {
-        val scrollView = findScrollView(view.getChildAt(i))
-        if (scrollView != null) {
-          return scrollView
-        }
-      }
-    }
-
-    return null
-  }
 }

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

@@ -9,12 +9,15 @@ import androidx.core.view.WindowInsetsAnimationCompat
 import androidx.core.view.WindowInsetsCompat
 import com.facebook.react.uimanager.ThemedReactContext
 import com.lodev09.truesheet.utils.KeyboardUtils
+import com.lodev09.truesheet.utils.isDescendantOf
 
 interface TrueSheetKeyboardObserverDelegate {
-  fun keyboardWillShow(height: Int)
-  fun keyboardWillHide()
-  fun keyboardDidHide()
-  fun keyboardDidChangeHeight(height: Int)
+  fun keyboardWillShow(height: Int) {}
+  fun keyboardDidShow(height: Int) {}
+  fun keyboardWillHide() {}
+  fun keyboardDidHide() {}
+  fun keyboardDidChangeHeight(height: Int) {}
+  fun focusDidChange(newFocus: View) {}
 }
 
 /**
@@ -45,8 +48,10 @@ class TrueSheetKeyboardObserver(private val targetView: View, private val reactC
     return false
   }
 
-  private var isHiding: Boolean = false
+  var isHiding: Boolean = false
+    private set
   private var globalLayoutListener: ViewTreeObserver.OnGlobalLayoutListener? = null
+  private var focusChangeListener: ViewTreeObserver.OnGlobalFocusChangeListener? = null
   private var activityRootView: View? = null
 
   fun start() {
@@ -55,14 +60,19 @@ class TrueSheetKeyboardObserver(private val targetView: View, private val reactC
     } else {
       setupLegacyListener()
     }
+    setupFocusChangeListener()
   }
 
   fun stop() {
     globalLayoutListener?.let { listener ->
       activityRootView?.viewTreeObserver?.removeOnGlobalLayoutListener(listener)
       globalLayoutListener = null
-      activityRootView = null
     }
+    focusChangeListener?.let { listener ->
+      activityRootView?.viewTreeObserver?.removeOnGlobalFocusChangeListener(listener)
+      focusChangeListener = null
+    }
+    activityRootView = null
     ViewCompat.setWindowInsetsAnimationCallback(targetView, null)
   }
 
@@ -121,6 +131,8 @@ class TrueSheetKeyboardObserver(private val targetView: View, private val reactC
           if (isHiding) {
             delegate?.keyboardDidHide()
             isHiding = false
+          } else if (finalHeight > 0) {
+            delegate?.keyboardDidShow(finalHeight)
           }
         }
       }
@@ -164,9 +176,25 @@ class TrueSheetKeyboardObserver(private val targetView: View, private val reactC
       if (isHiding && newHeight == 0) {
         delegate?.keyboardDidHide()
         isHiding = false
+      } else if (newHeight > 0) {
+        delegate?.keyboardDidShow(newHeight)
       }
     }
 
     rootView.viewTreeObserver.addOnGlobalLayoutListener(globalLayoutListener)
   }
+
+  private fun setupFocusChangeListener() {
+    if (focusChangeListener != null) return
+
+    val rootView = targetView.rootView ?: return
+    activityRootView = rootView
+
+    focusChangeListener = ViewTreeObserver.OnGlobalFocusChangeListener { _, newFocus ->
+      if (currentHeight > 0 && newFocus != null && newFocus.isDescendantOf(targetView)) {
+        delegate?.focusDidChange(newFocus)
+      }
+    }
+    rootView.viewTreeObserver.addOnGlobalFocusChangeListener(focusChangeListener)
+  }
 }

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

@@ -0,0 +1,12 @@
+package com.lodev09.truesheet.utils
+
+import android.view.View
+
+fun View.isDescendantOf(ancestor: View): Boolean {
+  var current: View? = this
+  while (current != null) {
+    if (current === ancestor) return true
+    current = (current.parent as? View)
+  }
+  return false
+}

package/ios/TrueSheetContainerView.h

@@ -43,6 +43,16 @@ NS_ASSUME_NONNULL_BEGIN
  */
 @property (nonatomic, assign) BOOL scrollViewPinningEnabled;
 
+/**
+ * Inset adjustment mode for pinned ScrollView
+ */
+@property (nonatomic, copy, nullable) NSString *insetAdjustment;
+
+/**
+ * Options for scrollable behavior
+ */
+@property (nonatomic, strong, nullable) NSDictionary *scrollableOptions;
+
 /**
  * Returns the current content height
  */
@@ -64,14 +74,15 @@ NS_ASSUME_NONNULL_BEGIN
 - (void)setupContentScrollViewPinning;
 
 /**
- * Setup keyboard handler for footer
+ * Setup keyboard observer for content and footer
+ * @param viewController The sheet view controller to observe keyboard events for
  */
-- (void)setupKeyboardHandler;
+- (void)setupKeyboardObserverWithViewController:(UIViewController *)viewController;
 
 /**
- * Cleanup keyboard handler for footer
+ * Cleanup keyboard observer
  */
-- (void)cleanupKeyboardHandler;
+- (void)cleanupKeyboardObserver;
 
 @end
 

package/ios/TrueSheetContainerView.mm

@@ -12,6 +12,9 @@
 #import "TrueSheetContentView.h"
 #import "TrueSheetFooterView.h"
 #import "TrueSheetHeaderView.h"
+#import "TrueSheetViewController.h"
+#import "core/TrueSheetKeyboardObserver.h"
+#import "utils/WindowUtil.h"
 
 #import <react/renderer/components/TrueSheetSpec/ComponentDescriptors.h>
 #import <react/renderer/components/TrueSheetSpec/EventEmitters.h>
@@ -30,6 +33,7 @@ using namespace facebook::react;
   TrueSheetContentView *_contentView;
   TrueSheetHeaderView *_headerView;
   TrueSheetFooterView *_footerView;
+  TrueSheetKeyboardObserver *_keyboardObserver;
   BOOL _scrollViewPinningSet;
 }
 
@@ -77,9 +81,23 @@ using namespace facebook::react;
   _scrollViewPinningSet = YES;
 }
 
+- (void)setScrollableOptions:(NSDictionary *)scrollableOptions {
+  _scrollableOptions = scrollableOptions;
+  if (scrollableOptions) {
+    NSNumber *offset = scrollableOptions[@"keyboardScrollOffset"];
+    _contentView.keyboardScrollOffset = offset ? [offset floatValue] : 0;
+  } else {
+    _contentView.keyboardScrollOffset = 0;
+  }
+}
+
 - (void)setupContentScrollViewPinning {
   if (_scrollViewPinningSet && _contentView) {
-    [_contentView setupScrollViewPinning:_scrollViewPinningEnabled];
+    CGFloat bottomInset = 0;
+    if ([_insetAdjustment isEqualToString:@"automatic"]) {
+      bottomInset = [WindowUtil keyWindow].safeAreaInsets.bottom;
+    }
+    [_contentView setupScrollViewPinning:_scrollViewPinningEnabled bottomInset:bottomInset];
   }
 }
 
@@ -159,14 +177,35 @@ using namespace facebook::react;
   [self.delegate containerViewHeaderDidChangeSize:newSize];
 }
 
-#pragma mark - Keyboard Handling
+#pragma mark - Keyboard Observer
 
-- (void)setupKeyboardHandler {
-  [_footerView setupKeyboardHandler];
+- (void)setupKeyboardObserverWithViewController:(UIViewController *)viewController {
+  [self cleanupKeyboardObserver];
+
+  _keyboardObserver = [[TrueSheetKeyboardObserver alloc] init];
+  _keyboardObserver.viewController = (TrueSheetViewController *)viewController;
+
+  if (_contentView) {
+    _contentView.keyboardObserver = _keyboardObserver;
+    [_keyboardObserver addDelegate:_contentView];
+  }
+
+  if (_footerView) {
+    _footerView.keyboardObserver = _keyboardObserver;
+    [_keyboardObserver addDelegate:_footerView];
+  }
+
+  [_keyboardObserver start];
 }
 
-- (void)cleanupKeyboardHandler {
-  [_footerView cleanupKeyboardHandler];
+- (void)cleanupKeyboardObserver {
+  if (_keyboardObserver) {
+    [_keyboardObserver stop];
+    _keyboardObserver = nil;
+  }
+
+  _contentView.keyboardObserver = nil;
+  _footerView.keyboardObserver = nil;
 }
 
 @end

package/ios/TrueSheetContentView.h

@@ -12,6 +12,7 @@
 #import <React/RCTViewComponentView.h>
 #import <UIKit/UIKit.h>
 #import <react/renderer/core/LayoutMetrics.h>
+#import "core/TrueSheetKeyboardObserver.h"
 
 @class TrueSheetViewController;
 @class RCTScrollViewComponentView;
@@ -26,17 +27,20 @@ NS_ASSUME_NONNULL_BEGIN
 
 @end
 
-@interface TrueSheetContentView : RCTViewComponentView
+@interface TrueSheetContentView : RCTViewComponentView <TrueSheetKeyboardObserverDelegate>
 
 @property (nonatomic, weak, nullable) id<TrueSheetContentViewDelegate> delegate;
+@property (nonatomic, assign) CGFloat keyboardScrollOffset;
+@property (nonatomic, weak, nullable) TrueSheetKeyboardObserver *keyboardObserver;
 
 - (RCTScrollViewComponentView *_Nullable)findScrollView:(UIView *_Nullable *_Nullable)outTopSibling;
 
 /**
  * Setup ScrollView pinning
  * @param pinned Whether to pin the scroll view
+ * @param bottomInset Bottom content inset for the scroll view
  */
-- (void)setupScrollViewPinning:(BOOL)pinned;
+- (void)setupScrollViewPinning:(BOOL)pinned bottomInset:(CGFloat)bottomInset;
 
 @end