@lodev09/react-native-true-sheet 3.0.0-beta.8 → 3.0.0

package/ios/core/TrueSheetBlurView.h

@@ -0,0 +1,24 @@
+//
+//  Created by Jovanni Lo (@lodev09)
+//  Copyright (c) 2024-present. All rights reserved.
+//
+//  This source code is licensed under the MIT license found in the
+//  LICENSE file in the root directory of this source tree.
+//
+
+#import <UIKit/UIKit.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface TrueSheetBlurView : UIVisualEffectView
+
+@property (nonatomic, copy, nullable) NSString *blurTint;
+@property (nonatomic, strong, nullable) NSNumber *blurIntensity;
+@property (nonatomic, assign) BOOL blurInteraction;
+
+- (void)applyBlurEffect;
+- (void)removeBlurEffect;
+
+@end
+
+NS_ASSUME_NONNULL_END

package/ios/{utils/ConversionUtil.mm → core/TrueSheetBlurView.mm}

@@ -6,9 +6,13 @@
 //  LICENSE file in the root directory of this source tree.
 //
 
-#import "ConversionUtil.h"
+#import "TrueSheetBlurView.h"
 
-@implementation ConversionUtil
+@implementation TrueSheetBlurView {
+  UIViewPropertyAnimator *_blurAnimator;
+}
+
+#pragma mark - Private
 
 + (UIBlurEffectStyle)blurEffectStyleFromString:(NSString *)tintString {
   static NSDictionary<NSString *, NSNumber *> *styleMap = nil;
@@ -43,8 +47,66 @@
     return (UIBlurEffectStyle)[style integerValue];
   }
 
-  // Default to light if not recognized
   return UIBlurEffectStyleLight;
 }
 
+#pragma mark - Initialization
+
+- (instancetype)init {
+  if (self = [super init]) {
+    _blurInteraction = YES;
+  }
+  return self;
+}
+
+#pragma mark - Public
+
+- (void)applyBlurEffect {
+  if (!self.blurTint || self.blurTint.length == 0) {
+    [self removeBlurEffect];
+    return;
+  }
+
+  // Stop and clear existing animator
+  if (_blurAnimator) {
+    [_blurAnimator stopAnimation:YES];
+    _blurAnimator = nil;
+  }
+
+  // Clear existing effect
+  self.effect = nil;
+
+  UIBlurEffectStyle style = [TrueSheetBlurView blurEffectStyleFromString:self.blurTint];
+  UIBlurEffect *blurEffect = [UIBlurEffect effectWithStyle:style];
+
+  self.userInteractionEnabled = self.blurInteraction;
+
+  // Use animator to control blur intensity
+  __weak __typeof(self) weakSelf = self;
+  _blurAnimator = [[UIViewPropertyAnimator alloc] initWithDuration:1.0
+                                                             curve:UIViewAnimationCurveLinear
+                                                        animations:^{
+                                                          weakSelf.effect = blurEffect;
+                                                        }];
+  _blurAnimator.pausesOnCompletion = YES;
+
+  // Set intensity: nil means system default (100%), otherwise use provided value (0-100)
+  CGFloat intensity =
+    (self.blurIntensity && [self.blurIntensity floatValue] >= 0) ? [self.blurIntensity floatValue] / 100.0 : 1.0;
+  _blurAnimator.fractionComplete = intensity;
+}
+
+- (void)removeBlurEffect {
+  if (_blurAnimator) {
+    [_blurAnimator stopAnimation:YES];
+    _blurAnimator = nil;
+  }
+
+  self.effect = nil;
+}
+
+- (void)dealloc {
+  [self removeBlurEffect];
+}
+
 @end

package/ios/events/TrueSheetDragEvents.h

@@ -0,0 +1,39 @@
+//
+//  Created by Jovanni Lo (@lodev09)
+//  Copyright (c) 2024-present. All rights reserved.
+//
+//  This source code is licensed under the MIT license found in the
+//  LICENSE file in the root directory of this source tree.
+//
+
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#import <Foundation/Foundation.h>
+#import <react/renderer/components/TrueSheetSpec/EventEmitters.h>
+
+using namespace facebook::react;
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface TrueSheetDragEvents : NSObject
+
++ (void)emitDragBegin:(std::shared_ptr<const facebook::react::EventEmitter>)eventEmitter
+                index:(NSInteger)index
+             position:(CGFloat)position
+               detent:(CGFloat)detent;
+
++ (void)emitDragChange:(std::shared_ptr<const facebook::react::EventEmitter>)eventEmitter
+                 index:(NSInteger)index
+              position:(CGFloat)position
+                detent:(CGFloat)detent;
+
++ (void)emitDragEnd:(std::shared_ptr<const facebook::react::EventEmitter>)eventEmitter
+              index:(NSInteger)index
+           position:(CGFloat)position
+             detent:(CGFloat)detent;
+
+@end
+
+NS_ASSUME_NONNULL_END
+
+#endif  // RCT_NEW_ARCH_ENABLED

package/ios/events/TrueSheetDragEvents.mm

@@ -0,0 +1,62 @@
+//
+//  Created by Jovanni Lo (@lodev09)
+//  Copyright (c) 2024-present. All rights reserved.
+//
+//  This source code is licensed under the MIT license found in the
+//  LICENSE file in the root directory of this source tree.
+//
+
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#import "TrueSheetDragEvents.h"
+
+@implementation TrueSheetDragEvents
+
++ (void)emitDragBegin:(std::shared_ptr<const facebook::react::EventEmitter>)eventEmitter
+                index:(NSInteger)index
+             position:(CGFloat)position
+               detent:(CGFloat)detent {
+  if (!eventEmitter)
+    return;
+
+  auto emitter = std::static_pointer_cast<TrueSheetViewEventEmitter const>(eventEmitter);
+  TrueSheetViewEventEmitter::OnDragBegin event;
+  event.index = static_cast<int>(index);
+  event.position = static_cast<double>(position);
+  event.detent = static_cast<double>(detent);
+  emitter->onDragBegin(event);
+}
+
++ (void)emitDragChange:(std::shared_ptr<const facebook::react::EventEmitter>)eventEmitter
+                 index:(NSInteger)index
+              position:(CGFloat)position
+                detent:(CGFloat)detent {
+  if (!eventEmitter)
+    return;
+
+  auto emitter = std::static_pointer_cast<TrueSheetViewEventEmitter const>(eventEmitter);
+  TrueSheetViewEventEmitter::OnDragChange event;
+  event.index = static_cast<int>(index);
+  event.position = static_cast<double>(position);
+  event.detent = static_cast<double>(detent);
+  emitter->onDragChange(event);
+}
+
++ (void)emitDragEnd:(std::shared_ptr<const facebook::react::EventEmitter>)eventEmitter
+              index:(NSInteger)index
+           position:(CGFloat)position
+             detent:(CGFloat)detent {
+  if (!eventEmitter)
+    return;
+
+  auto emitter = std::static_pointer_cast<TrueSheetViewEventEmitter const>(eventEmitter);
+  TrueSheetViewEventEmitter::OnDragEnd event;
+  event.index = static_cast<int>(index);
+  event.position = static_cast<double>(position);
+  event.detent = static_cast<double>(detent);
+  emitter->onDragEnd(event);
+}
+
+@end
+
+#endif  // RCT_NEW_ARCH_ENABLED

package/ios/events/{OnPositionChangeEvent.h → TrueSheetFocusEvents.h}

@@ -15,12 +15,15 @@ using namespace facebook::react;
 
 NS_ASSUME_NONNULL_BEGIN
 
-@interface OnPositionChangeEvent : NSObject
+@interface TrueSheetFocusEvents : NSObject
 
-+ (void)emit:(std::shared_ptr<const facebook::react::EventEmitter>)eventEmitter
-          index:(NSInteger)index
-       position:(CGFloat)position
-  transitioning:(BOOL)transitioning;
++ (void)emitWillFocus:(std::shared_ptr<const facebook::react::EventEmitter>)eventEmitter;
+
++ (void)emitDidFocus:(std::shared_ptr<const facebook::react::EventEmitter>)eventEmitter;
+
++ (void)emitWillBlur:(std::shared_ptr<const facebook::react::EventEmitter>)eventEmitter;
+
++ (void)emitDidBlur:(std::shared_ptr<const facebook::react::EventEmitter>)eventEmitter;
 
 @end
 

package/ios/events/TrueSheetFocusEvents.mm

@@ -0,0 +1,49 @@
+//
+//  Created by Jovanni Lo (@lodev09)
+//  Copyright (c) 2024-present. All rights reserved.
+//
+//  This source code is licensed under the MIT license found in the
+//  LICENSE file in the root directory of this source tree.
+//
+
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#import "TrueSheetFocusEvents.h"
+
+@implementation TrueSheetFocusEvents
+
++ (void)emitWillFocus:(std::shared_ptr<const facebook::react::EventEmitter>)eventEmitter {
+  if (!eventEmitter)
+    return;
+
+  auto emitter = std::static_pointer_cast<TrueSheetViewEventEmitter const>(eventEmitter);
+  emitter->onWillFocus({});
+}
+
++ (void)emitDidFocus:(std::shared_ptr<const facebook::react::EventEmitter>)eventEmitter {
+  if (!eventEmitter)
+    return;
+
+  auto emitter = std::static_pointer_cast<TrueSheetViewEventEmitter const>(eventEmitter);
+  emitter->onDidFocus({});
+}
+
++ (void)emitWillBlur:(std::shared_ptr<const facebook::react::EventEmitter>)eventEmitter {
+  if (!eventEmitter)
+    return;
+
+  auto emitter = std::static_pointer_cast<TrueSheetViewEventEmitter const>(eventEmitter);
+  emitter->onWillBlur({});
+}
+
++ (void)emitDidBlur:(std::shared_ptr<const facebook::react::EventEmitter>)eventEmitter {
+  if (!eventEmitter)
+    return;
+
+  auto emitter = std::static_pointer_cast<TrueSheetViewEventEmitter const>(eventEmitter);
+  emitter->onDidBlur({});
+}
+
+@end
+
+#endif  // RCT_NEW_ARCH_ENABLED

package/ios/events/TrueSheetLifecycleEvents.h

@@ -0,0 +1,40 @@
+//
+//  Created by Jovanni Lo (@lodev09)
+//  Copyright (c) 2024-present. All rights reserved.
+//
+//  This source code is licensed under the MIT license found in the
+//  LICENSE file in the root directory of this source tree.
+//
+
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#import <Foundation/Foundation.h>
+#import <react/renderer/components/TrueSheetSpec/EventEmitters.h>
+
+using namespace facebook::react;
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface TrueSheetLifecycleEvents : NSObject
+
++ (void)emitMount:(std::shared_ptr<const facebook::react::EventEmitter>)eventEmitter;
+
++ (void)emitWillPresent:(std::shared_ptr<const facebook::react::EventEmitter>)eventEmitter
+                  index:(NSInteger)index
+               position:(CGFloat)position
+                 detent:(CGFloat)detent;
+
++ (void)emitDidPresent:(std::shared_ptr<const facebook::react::EventEmitter>)eventEmitter
+                 index:(NSInteger)index
+              position:(CGFloat)position
+                detent:(CGFloat)detent;
+
++ (void)emitWillDismiss:(std::shared_ptr<const facebook::react::EventEmitter>)eventEmitter;
+
++ (void)emitDidDismiss:(std::shared_ptr<const facebook::react::EventEmitter>)eventEmitter;
+
+@end
+
+NS_ASSUME_NONNULL_END
+
+#endif  // RCT_NEW_ARCH_ENABLED

package/ios/events/TrueSheetLifecycleEvents.mm

@@ -0,0 +1,71 @@
+//
+//  Created by Jovanni Lo (@lodev09)
+//  Copyright (c) 2024-present. All rights reserved.
+//
+//  This source code is licensed under the MIT license found in the
+//  LICENSE file in the root directory of this source tree.
+//
+
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#import "TrueSheetLifecycleEvents.h"
+
+@implementation TrueSheetLifecycleEvents
+
++ (void)emitMount:(std::shared_ptr<const facebook::react::EventEmitter>)eventEmitter {
+  if (!eventEmitter)
+    return;
+
+  auto emitter = std::static_pointer_cast<TrueSheetViewEventEmitter const>(eventEmitter);
+  emitter->onMount({});
+}
+
++ (void)emitWillPresent:(std::shared_ptr<const facebook::react::EventEmitter>)eventEmitter
+                  index:(NSInteger)index
+               position:(CGFloat)position
+                 detent:(CGFloat)detent {
+  if (!eventEmitter)
+    return;
+
+  auto emitter = std::static_pointer_cast<TrueSheetViewEventEmitter const>(eventEmitter);
+  TrueSheetViewEventEmitter::OnWillPresent event;
+  event.index = static_cast<int>(index);
+  event.position = static_cast<double>(position);
+  event.detent = static_cast<double>(detent);
+  emitter->onWillPresent(event);
+}
+
++ (void)emitDidPresent:(std::shared_ptr<const facebook::react::EventEmitter>)eventEmitter
+                 index:(NSInteger)index
+              position:(CGFloat)position
+                detent:(CGFloat)detent {
+  if (!eventEmitter)
+    return;
+
+  auto emitter = std::static_pointer_cast<TrueSheetViewEventEmitter const>(eventEmitter);
+  TrueSheetViewEventEmitter::OnDidPresent event;
+  event.index = static_cast<int>(index);
+  event.position = static_cast<double>(position);
+  event.detent = static_cast<double>(detent);
+  emitter->onDidPresent(event);
+}
+
++ (void)emitWillDismiss:(std::shared_ptr<const facebook::react::EventEmitter>)eventEmitter {
+  if (!eventEmitter)
+    return;
+
+  auto emitter = std::static_pointer_cast<TrueSheetViewEventEmitter const>(eventEmitter);
+  emitter->onWillDismiss({});
+}
+
++ (void)emitDidDismiss:(std::shared_ptr<const facebook::react::EventEmitter>)eventEmitter {
+  if (!eventEmitter)
+    return;
+
+  auto emitter = std::static_pointer_cast<TrueSheetViewEventEmitter const>(eventEmitter);
+  emitter->onDidDismiss({});
+}
+
+@end
+
+#endif  // RCT_NEW_ARCH_ENABLED

package/ios/events/TrueSheetStateEvents.h

@@ -0,0 +1,35 @@
+//
+//  Created by Jovanni Lo (@lodev09)
+//  Copyright (c) 2024-present. All rights reserved.
+//
+//  This source code is licensed under the MIT license found in the
+//  LICENSE file in the root directory of this source tree.
+//
+
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#import <Foundation/Foundation.h>
+#import <react/renderer/components/TrueSheetSpec/EventEmitters.h>
+
+using namespace facebook::react;
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface TrueSheetStateEvents : NSObject
+
++ (void)emitDetentChange:(std::shared_ptr<const facebook::react::EventEmitter>)eventEmitter
+                   index:(NSInteger)index
+                position:(CGFloat)position
+                  detent:(CGFloat)detent;
+
++ (void)emitPositionChange:(std::shared_ptr<const facebook::react::EventEmitter>)eventEmitter
+                     index:(CGFloat)index
+                  position:(CGFloat)position
+                    detent:(CGFloat)detent
+                  realtime:(BOOL)realtime;
+
+@end
+
+NS_ASSUME_NONNULL_END
+
+#endif  // RCT_NEW_ARCH_ENABLED

package/ios/events/TrueSheetStateEvents.mm

@@ -0,0 +1,49 @@
+//
+//  Created by Jovanni Lo (@lodev09)
+//  Copyright (c) 2024-present. All rights reserved.
+//
+//  This source code is licensed under the MIT license found in the
+//  LICENSE file in the root directory of this source tree.
+//
+
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#import "TrueSheetStateEvents.h"
+
+@implementation TrueSheetStateEvents
+
++ (void)emitDetentChange:(std::shared_ptr<const facebook::react::EventEmitter>)eventEmitter
+                   index:(NSInteger)index
+                position:(CGFloat)position
+                  detent:(CGFloat)detent {
+  if (!eventEmitter)
+    return;
+
+  auto emitter = std::static_pointer_cast<TrueSheetViewEventEmitter const>(eventEmitter);
+  TrueSheetViewEventEmitter::OnDetentChange event;
+  event.index = static_cast<int>(index);
+  event.position = static_cast<double>(position);
+  event.detent = static_cast<double>(detent);
+  emitter->onDetentChange(event);
+}
+
++ (void)emitPositionChange:(std::shared_ptr<const facebook::react::EventEmitter>)eventEmitter
+                     index:(CGFloat)index
+                  position:(CGFloat)position
+                    detent:(CGFloat)detent
+                  realtime:(BOOL)realtime {
+  if (!eventEmitter)
+    return;
+
+  auto emitter = std::static_pointer_cast<TrueSheetViewEventEmitter const>(eventEmitter);
+  TrueSheetViewEventEmitter::OnPositionChange event;
+  event.index = static_cast<double>(index);
+  event.position = static_cast<double>(position);
+  event.detent = static_cast<double>(detent);
+  event.realtime = static_cast<bool>(realtime);
+  emitter->onPositionChange(event);
+}
+
+@end
+
+#endif  // RCT_NEW_ARCH_ENABLED

package/ios/utils/GestureUtil.h

@@ -20,6 +20,13 @@ NS_ASSUME_NONNULL_BEGIN
  */
 + (void)attachPanGestureHandler:(UIView *)view target:(id)target selector:(SEL)selector;
 
+/**
+ * Enables or disables all pan gesture recognizers on a view
+ * @param view The view whose pan gesture recognizers to enable/disable
+ * @param enabled Whether the pan gestures should be enabled
+ */
++ (void)setPanGesturesEnabled:(BOOL)enabled forView:(UIView *)view;
+
 @end
 
 NS_ASSUME_NONNULL_END

package/ios/utils/GestureUtil.mm

@@ -23,4 +23,16 @@
   }
 }
 
++ (void)setPanGesturesEnabled:(BOOL)enabled forView:(UIView *)view {
+  if (!view) {
+    return;
+  }
+
+  for (UIGestureRecognizer *recognizer in view.gestureRecognizers ?: @[]) {
+    if ([recognizer isKindOfClass:[UIPanGestureRecognizer class]]) {
+      recognizer.enabled = enabled;
+    }
+  }
+}
+
 @end

package/lib/module/TrueSheet.js

@@ -7,12 +7,15 @@ import TrueSheetContentViewNativeComponent from './fabric/TrueSheetContentViewNa
 import TrueSheetHeaderViewNativeComponent from './fabric/TrueSheetHeaderViewNativeComponent';
 import TrueSheetFooterViewNativeComponent from './fabric/TrueSheetFooterViewNativeComponent';
 import TrueSheetModule from "./specs/NativeTrueSheetModule.js";
-import { Platform, processColor, StyleSheet, findNodeHandle } from 'react-native';
+import { Platform, processColor, StyleSheet, findNodeHandle, View } from 'react-native';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const LINKING_ERROR = `The package '@lodev09/react-native-true-sheet' doesn't seem to be linked. Make sure: \n\n` + Platform.select({
   ios: "- You have run 'pod install'\n",
   default: ''
 }) + '- You rebuilt the app after installing the package\n' + '- You are not using Expo Go\n' + '- You are using the new architecture (Fabric)\n';
+
+// Material Design 3 minimum touch target
+const ANDROID_HITBOX_HEIGHT = 48;
 if (!TrueSheetModule) {
   throw new Error(LINKING_ERROR);
 }
@@ -47,6 +50,10 @@ export class TrueSheet extends PureComponent {
     this.onDragChange = this.onDragChange.bind(this);
     this.onDragEnd = this.onDragEnd.bind(this);
     this.onPositionChange = this.onPositionChange.bind(this);
+    this.onWillFocus = this.onWillFocus.bind(this);
+    this.onDidFocus = this.onDidFocus.bind(this);
+    this.onWillBlur = this.onWillBlur.bind(this);
+    this.onDidBlur = this.onDidBlur.bind(this);
   }
   validateDetents() {
     const {
@@ -186,6 +193,18 @@ export class TrueSheet extends PureComponent {
   onPositionChange(event) {
     this.props.onPositionChange?.(event);
   }
+  onWillFocus(event) {
+    this.props.onWillFocus?.(event);
+  }
+  onDidFocus(event) {
+    this.props.onDidFocus?.(event);
+  }
+  onWillBlur(event) {
+    this.props.onWillBlur?.(event);
+  }
+  onDidBlur(event) {
+    this.props.onDidBlur?.(event);
+  }
 
   /**
    * Present the Sheet by `index` (Promise-based)
@@ -245,6 +264,7 @@ export class TrueSheet extends PureComponent {
       detents = [0.5, 1],
       backgroundColor,
       dismissible = true,
+      draggable = true,
       grabber = true,
       dimmed = true,
       initialDetentIndex = -1,
@@ -255,13 +275,12 @@ export class TrueSheet extends PureComponent {
       cornerRadius,
       maxHeight,
       edgeToEdgeFullScreen,
-      fitScrollView = false,
+      scrollable = false,
       pageSizing = true,
       children,
       style,
       header,
       footer,
-      testID,
       ...rest
     } = this.props;
 
@@ -275,6 +294,12 @@ export class TrueSheet extends PureComponent {
       // Clamp to maximum of 1
       return Math.min(1, detent);
     });
+    const containerStyle = this.props.scrollable && Platform.select({
+      android: styles.scrollableAndroidContainer
+    });
+    const contentStyle = this.props.scrollable && Platform.select({
+      android: styles.scrollableAndroidContent
+    });
     return /*#__PURE__*/_jsx(TrueSheetViewNativeComponent, {
       ...rest,
       ref: this.nativeRef,
@@ -290,9 +315,10 @@ export class TrueSheet extends PureComponent {
       initialDetentIndex: initialDetentIndex,
       initialDetentAnimated: initialDetentAnimated,
       dismissible: dismissible,
+      draggable: draggable,
       maxHeight: maxHeight,
       edgeToEdgeFullScreen: edgeToEdgeFullScreen,
-      fitScrollView: fitScrollView,
+      scrollable: scrollable,
       pageSizing: pageSizing,
       onMount: this.onMount,
       onWillPresent: this.onWillPresent,
@@ -304,20 +330,23 @@ export class TrueSheet extends PureComponent {
       onDragChange: this.onDragChange,
       onDragEnd: this.onDragEnd,
       onPositionChange: this.onPositionChange,
+      onWillFocus: this.onWillFocus,
+      onDidFocus: this.onDidFocus,
+      onWillBlur: this.onWillBlur,
+      onDidBlur: this.onDidBlur,
       children: this.state.shouldRenderNativeView && /*#__PURE__*/_jsxs(TrueSheetContainerViewNativeComponent, {
-        testID: testID,
-        collapsable: false,
+        style: containerStyle,
         children: [header && /*#__PURE__*/_jsx(TrueSheetHeaderViewNativeComponent, {
-          collapsable: false,
           children: /*#__PURE__*/isValidElement(header) ? header : /*#__PURE__*/createElement(header)
         }), /*#__PURE__*/_jsx(TrueSheetContentViewNativeComponent, {
-          style: style,
-          collapsable: false,
+          style: [style, contentStyle],
           children: children
         }), footer && /*#__PURE__*/_jsx(TrueSheetFooterViewNativeComponent, {
           style: styles.footer,
-          collapsable: false,
           children: /*#__PURE__*/isValidElement(footer) ? footer : /*#__PURE__*/createElement(footer)
+        }), Platform.OS === 'android' && grabber && draggable && /*#__PURE__*/_jsx(View, {
+          collapsable: false,
+          style: styles.grabberHitbox
         })]
       })
     });
@@ -325,14 +354,38 @@ export class TrueSheet extends PureComponent {
 }
 const styles = StyleSheet.create({
   sheetView: {
+    zIndex: -9999,
     position: 'absolute',
-    width: '100%',
-    zIndex: -9999
+    top: 0,
+    left: 0,
+    right: 0,
+    // Android needs a fixed bottom to avoid jumping content
+    bottom: Platform.select({
+      android: 0
+    })
+  },
+  scrollableAndroidContainer: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  },
+  scrollableAndroidContent: {
+    flexGrow: 1,
+    flexBasis: 0
   },
   footer: {
     position: 'absolute',
     left: 0,
     right: 0
+  },
+  grabberHitbox: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    height: ANDROID_HITBOX_HEIGHT
   }
 });
 //# sourceMappingURL=TrueSheet.js.map