@lodev09/react-native-true-sheet 0.1.0 → 0.2.0

package/ios/TrueSheetView.swift

@@ -10,7 +10,7 @@
 class TrueSheetView: UIView, RCTInvalidating, TrueSheetViewControllerDelegate {
   // MARK: - React properties
 
-  @objc var sizes: [Any] = []
+  var sizes: [Any] = ["medium", "large"]
 
   // Events
   @objc var onDismiss: RCTDirectEventBlock?
@@ -33,19 +33,22 @@ class TrueSheetView: UIView, RCTInvalidating, TrueSheetViewControllerDelegate {
   private var footerView: UIView?
   private var rctScrollView: RCTScrollView?
 
-  private var isContentMounted: Bool {
-    return contentView != nil
-  }
-
   // Content height minus the footer height for `auto` layout
   private var contentHeight: CGFloat {
     guard let contentView else { return 0 }
 
+    var height = contentView.frame.height
+
+    // Add footer view's height
+    if let footerContent = footerView?.subviews.first {
+      height += footerContent.bounds.height
+    }
+
     // Exclude bottom safe area for consistency with a Scrollable content
     let window = UIApplication.shared.windows.first(where: { $0.isKeyWindow })
     let bottomInset = window?.safeAreaInsets.bottom ?? 0
 
-    return contentView.frame.height - bottomInset
+    return height - bottomInset
   }
 
   // MARK: - Setup
@@ -67,31 +70,6 @@ class TrueSheetView: UIView, RCTInvalidating, TrueSheetViewControllerDelegate {
     fatalError("init(coder:) has not been implemented")
   }
 
-  func viewDidChangeWidth(_ width: CGFloat) {
-    guard let containerView else { return }
-
-    let size = CGSize(width: width, height: containerView.bounds.height)
-    bridge.uiManager.setSize(size, for: containerView)
-
-    if let footerView {
-      bridge.uiManager.setSize(size, for: footerView)
-    }
-  }
-
-  func didDismiss() {
-    isPresented = false
-    activeIndex = nil
-
-    onDismiss?(nil)
-  }
-
-  func didChangeSize(_ value: CGFloat, at index: Int) {
-    if index != activeIndex {
-      activeIndex = index
-      onSizeChange?(["index": index, "value": value])
-    }
-  }
-
   override func insertReactSubview(_ subview: UIView!, at index: Int) {
     super.insertReactSubview(subview, at: index)
 
@@ -101,8 +79,6 @@ class TrueSheetView: UIView, RCTInvalidating, TrueSheetViewControllerDelegate {
     }
 
     viewController.view.insertSubview(subview, at: 0)
-    viewController.view.backgroundColor = backgroundColor ?? .white
-    backgroundColor = .clear
 
     containerView = subview
     touchHandler.attach(to: subview)
@@ -131,29 +107,59 @@ class TrueSheetView: UIView, RCTInvalidating, TrueSheetViewControllerDelegate {
     super.layoutSubviews()
 
     if let containerView, contentView == nil {
-      contentView = containerView.subviews.first
-      setupContentIfNeeded()
+      contentView = containerView.subviews[0]
+      footerView = containerView.subviews[1]
+
+      containerView.pinTo(view: viewController.view)
+
+      // Setup content constraints
+      setupContent()
+    }
+  }
+
+  // MARK: - ViewController delegate
+
+  func viewControllerDidChangeWidth(_ width: CGFloat) {
+    guard let containerView else { return }
+
+    let size = CGSize(width: width, height: containerView.bounds.height)
+    bridge.uiManager.setSize(size, for: containerView)
+
+    if let footerView {
+      bridge.uiManager.setSize(size, for: footerView)
+    }
+  }
+
+  func viewControllerWillAppear() {
+    setupContent()
+  }
+
+  func viewControllerDidDismiss() {
+    isPresented = false
+    activeIndex = nil
+
+    onDismiss?(nil)
+  }
+
+  func viewControllerSheetDidChangeSize(_ value: CGFloat, at index: Int) {
+    if index != activeIndex {
+      activeIndex = index
+      onSizeChange?(["index": index, "value": value])
     }
   }
 
   // MARK: - Prop setters
 
   @objc
-  func setScrollableHandle(_ tag: NSNumber?) {
-    let view = bridge.uiManager.view(forReactTag: tag) as? RCTScrollView
-    rctScrollView = view
-    setupContentIfNeeded()
+  func setSizes(_ sizes: [Any]) {
+    self.sizes = sizes
+    configureSheetIfPresented()
   }
 
   @objc
-  func setFooterHandle(_ tag: NSNumber?) {
-    let view = bridge.uiManager.view(forReactTag: tag)
-    footerView = view
-    setupContentIfNeeded()
-
-    if #available(iOS 16.0, *) {
-      viewController.sheet?.invalidateDetents()
-    }
+  func setScrollableHandle(_ tag: NSNumber?) {
+    let view = bridge.uiManager.view(forReactTag: tag) as? RCTScrollView
+    rctScrollView = view
   }
 
   func invalidate() {
@@ -162,13 +168,26 @@ class TrueSheetView: UIView, RCTInvalidating, TrueSheetViewControllerDelegate {
 
   // MARK: - Methods
 
-  func setupContentIfNeeded() {
-    guard isContentMounted, let containerView else { return }
+  func configureSheetIfPresented() {
+    // Resize sheet
+    if #available(iOS 15.0, *), isPresented {
+      viewController.configureSheet(for: sizes, at: activeIndex ?? 0, with: contentHeight, nil)
+    }
+  }
 
-    containerView.pinTo(view: viewController.view)
+  func dismiss(promise: Promise) {
+    if isPresented {
+      viewController.dismiss(animated: true) {
+        promise.resolve(true)
+      }
+    }
+  }
+
+  func setupContent() {
+    guard let contentView, let containerView else { return }
 
     // Add constraints to fix weirdness and support ScrollView
-    if let contentView, let rctScrollView {
+    if let rctScrollView {
       contentView.pinTo(view: containerView)
       rctScrollView.pinTo(view: contentView)
     }
@@ -176,18 +195,14 @@ class TrueSheetView: UIView, RCTInvalidating, TrueSheetViewControllerDelegate {
     // Pin footer at the bottom
     if let footerView {
       containerView.bringSubviewToFront(footerView)
-      footerView.pinTo(
-        view: viewController.view,
-        from: [.bottom, .left, .right],
-        with: footerView.frame.height
-      )
-    }
-  }
-
-  func dismiss(promise: Promise) {
-    if isPresented {
-      viewController.dismiss(animated: true) {
-        promise.resolve(true)
+      if let footerContent = footerView.subviews.first {
+        footerView.pinTo(
+          view: viewController.view,
+          from: [.bottom, .left, .right],
+          with: footerContent.bounds.height
+        )
+      } else {
+        footerView.removeConstraints(footerView.constraints)
       }
     }
   }
@@ -200,37 +215,20 @@ class TrueSheetView: UIView, RCTInvalidating, TrueSheetViewControllerDelegate {
       return
     }
 
-    if #available(iOS 15.0, *), let sheet = viewController.sheet {
-      viewController.configureSheet(for: sizes, with: contentHeight)
-
-      guard sizes.indices.contains(index) else {
-        promise.reject(message: "Size at \(index) is not configured.")
-        return
-      }
-
-      var identifier: UISheetPresentationController.Detent.Identifier = .medium
-
-      if sheet.detents.indices.contains(index) {
-        let detent = sheet.detents[index]
-        if #available(iOS 16.0, *) {
-          identifier = detent.identifier
-        } else if detent == .large() {
-          identifier = .large
-        }
-      }
-
-      if isPresented {
-        sheet.animateChanges {
-          sheet.selectedDetentIdentifier = identifier
+    guard sizes.indices.contains(index) else {
+      promise.reject(message: "Size at \(index) is not configured.")
+      return
+    }
 
+    if #available(iOS 15.0, *) {
+      viewController.configureSheet(for: sizes, at: index, with: contentHeight) {
+        if self.isPresented {
           // Notify when size is changed programatically
-          let info = viewController.detentValues.first(where: { $0.value.index == index })
+          let info = self.viewController.detentValues.first(where: { $0.value.index == index })
           if let sizeValue = info?.value.value {
-            self.didChangeSize(sizeValue, at: index)
+            self.viewControllerSheetDidChangeSize(sizeValue, at: index)
           }
         }
-      } else {
-        sheet.selectedDetentIdentifier = identifier
       }
     }
 

package/ios/TrueSheetViewController.swift

@@ -16,14 +16,10 @@ struct SizeInfo {
 // MARK: - TrueSheetViewControllerDelegate
 
 protocol TrueSheetViewControllerDelegate: AnyObject {
-  /// Notify bound rect changes so we can adjust our sheet view
-  func viewDidChangeWidth(_ width: CGFloat)
-
-  /// Notify when view controller has been dismissed
-  func didDismiss()
-
-  /// Notify when size has changed from dragging the Sheet
-  func didChangeSize(_ value: CGFloat, at index: Int)
+  func viewControllerDidChangeWidth(_ width: CGFloat)
+  func viewControllerDidDismiss()
+  func viewControllerSheetDidChangeSize(_ value: CGFloat, at index: Int)
+  func viewControllerWillAppear()
 }
 
 // MARK: - TrueSheetViewController
@@ -47,13 +43,18 @@ class TrueSheetViewController: UIViewController, UISheetPresentationControllerDe
   func sheetPresentationControllerDidChangeSelectedDetentIdentifier(_ sheet: UISheetPresentationController) {
     if let identifer = sheet.selectedDetentIdentifier,
        let size = detentValues[identifer.rawValue] {
-      delegate?.didChangeSize(size.value, at: size.index)
+      delegate?.viewControllerSheetDidChangeSize(size.value, at: size.index)
     }
   }
 
+  override func viewWillAppear(_ animated: Bool) {
+    super.viewWillAppear(animated)
+    delegate?.viewControllerWillAppear()
+  }
+
   override func viewDidDisappear(_ animated: Bool) {
     super.viewDidDisappear(animated)
-    delegate?.didDismiss()
+    delegate?.viewControllerDidDismiss()
   }
 
   /// This is called multiple times while sheet is being dragged.
@@ -62,7 +63,7 @@ class TrueSheetViewController: UIViewController, UISheetPresentationControllerDe
     super.viewDidLayoutSubviews()
 
     if lastViewWidth != view.frame.width {
-      delegate?.viewDidChangeWidth(view.bounds.width)
+      delegate?.viewControllerDidChangeWidth(view.bounds.width)
       lastViewWidth = view.frame.width
     }
   }
@@ -70,17 +71,14 @@ class TrueSheetViewController: UIViewController, UISheetPresentationControllerDe
   /// Prepares the view controller for sheet presentation
   /// Do nothing on IOS 14 and below... sad
   @available(iOS 15.0, *)
-  func configureSheet(for sizes: [Any], with height: CGFloat) {
+  func configureSheet(for sizes: [Any], at index: Int = 0, with height: CGFloat, _ completion: (() -> Void)?) {
     guard let sheet else { return }
 
     detentValues = [:]
 
     var detents: [UISheetPresentationController.Detent] = []
 
-    // Default to medium and large
-    let sheetSizes = sizes.isEmpty ? ["medium", "large"] : sizes
-
-    for (index, size) in sheetSizes.enumerated() {
+    for (index, size) in sizes.enumerated() {
       let detent = detentFor(size, with: height) { id, value in
         self.detentValues[id] = SizeInfo(index: index, value: value)
       }
@@ -94,5 +92,21 @@ class TrueSheetViewController: UIViewController, UISheetPresentationControllerDe
     // sheet.prefersScrollingExpandsWhenScrolledToEdge = false
 
     sheet.delegate = self
+
+    var identifier: UISheetPresentationController.Detent.Identifier = .medium
+
+    if sheet.detents.indices.contains(index) {
+      let detent = sheet.detents[index]
+      if #available(iOS 16.0, *) {
+        identifier = detent.identifier
+      } else if detent == .large() {
+        identifier = .large
+      }
+    }
+
+    sheet.animateChanges {
+      sheet.selectedDetentIdentifier = identifier
+      completion?()
+    }
   }
 }

package/ios/TrueSheetViewManager.m

@@ -33,6 +33,5 @@ RCT_EXPORT_VIEW_PROPERTY(footerHandle, NSNumber*)
 
 // Properties
 RCT_EXPORT_VIEW_PROPERTY(sizes, NSArray)
-RCT_EXPORT_VIEW_PROPERTY(backgroundColor, UIColor)
 
 @end

package/lib/commonjs/TrueSheet.js

@@ -23,13 +23,11 @@ class TrueSheet extends _react.PureComponent {
   constructor(props) {
     super(props);
     this.ref = /*#__PURE__*/(0, _react.createRef)();
-    this.footerRef = /*#__PURE__*/(0, _react.createRef)();
     this.onDismiss = this.onDismiss.bind(this);
     this.onPresent = this.onPresent.bind(this);
     this.onSizeChange = this.onSizeChange.bind(this);
     this.state = {
-      scrollableHandle: null,
-      footerHandle: null
+      scrollableHandle: null
     };
   }
   get handle() {
@@ -41,9 +39,7 @@ class TrueSheet extends _react.PureComponent {
   }
   updateHandles() {
     const scrollableHandle = this.props.scrollRef?.current ? (0, _reactNative.findNodeHandle)(this.props.scrollRef.current) : null;
-    const footerHandle = (0, _reactNative.findNodeHandle)(this.footerRef.current);
     this.setState({
-      footerHandle,
       scrollableHandle
     });
   }
@@ -83,17 +79,17 @@ class TrueSheet extends _react.PureComponent {
       ref: this.ref,
       style: $nativeSheet,
       scrollableHandle: this.state.scrollableHandle,
-      footerHandle: this.state.footerHandle,
       sizes: this.props.sizes ?? ['medium', 'large'],
-      backgroundColor: this.props.backgroundColor,
       onPresent: this.onPresent,
       onDismiss: this.onDismiss,
       onSizeChange: this.onSizeChange
-    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: {
+        backgroundColor: this.props.backgroundColor ?? 'white'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
       style: this.props.style
-    }, this.props.children), !!FooterComponent && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      ref: this.footerRef
-    }, /*#__PURE__*/_react.default.createElement(FooterComponent, null))));
+    }, this.props.children), /*#__PURE__*/_react.default.createElement(_reactNative.View, null, !!FooterComponent && /*#__PURE__*/_react.default.createElement(FooterComponent, null))));
   }
 }
 exports.TrueSheet = TrueSheet;

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","footerRef","onDismiss","bind","onPresent","onSizeChange","state","scrollableHandle","footerHandle","handle","nodeHandle","findNodeHandle","current","updateHandles","scrollRef","setState","event","nativeEvent","componentDidMount","componentDidUpdate","present","index","TrueSheetModule","dismiss","render","FooterComponent","createElement","style","$nativeSheet","sizes","backgroundColor","View","children","exports","position","zIndex"],"sourceRoot":"../../src","sources":["TrueSheet.tsx"],"mappings":"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","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","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":"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","ignoreList":[]}

package/lib/module/TrueSheet.js

@@ -15,13 +15,11 @@ export class TrueSheet extends PureComponent {
   constructor(props) {
     super(props);
     this.ref = /*#__PURE__*/createRef();
-    this.footerRef = /*#__PURE__*/createRef();
     this.onDismiss = this.onDismiss.bind(this);
     this.onPresent = this.onPresent.bind(this);
     this.onSizeChange = this.onSizeChange.bind(this);
     this.state = {
-      scrollableHandle: null,
-      footerHandle: null
+      scrollableHandle: null
     };
   }
   get handle() {
@@ -33,9 +31,7 @@ export class TrueSheet extends PureComponent {
   }
   updateHandles() {
     const scrollableHandle = this.props.scrollRef?.current ? findNodeHandle(this.props.scrollRef.current) : null;
-    const footerHandle = findNodeHandle(this.footerRef.current);
     this.setState({
-      footerHandle,
       scrollableHandle
     });
   }
@@ -75,17 +71,17 @@ export class TrueSheet extends PureComponent {
       ref: this.ref,
       style: $nativeSheet,
       scrollableHandle: this.state.scrollableHandle,
-      footerHandle: this.state.footerHandle,
       sizes: this.props.sizes ?? ['medium', 'large'],
-      backgroundColor: this.props.backgroundColor,
       onPresent: this.onPresent,
       onDismiss: this.onDismiss,
       onSizeChange: this.onSizeChange
-    }, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        backgroundColor: this.props.backgroundColor ?? 'white'
+      }
+    }, /*#__PURE__*/React.createElement(View, {
       style: this.props.style
-    }, this.props.children), !!FooterComponent && /*#__PURE__*/React.createElement(View, {
-      ref: this.footerRef
-    }, /*#__PURE__*/React.createElement(FooterComponent, null))));
+    }, this.props.children), /*#__PURE__*/React.createElement(View, null, !!FooterComponent && /*#__PURE__*/React.createElement(FooterComponent, null))));
   }
 }
 const $nativeSheet = {

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","footerRef","onDismiss","bind","onPresent","onSizeChange","state","scrollableHandle","footerHandle","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","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":[]}

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

@@ -2,12 +2,10 @@ import { PureComponent, type ReactNode } from 'react';
 import type { TrueSheetProps } from './types';
 interface TrueSheetState {
     scrollableHandle: number | null;
-    footerHandle: number | null;
 }
 export declare class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
     displayName: string;
     private readonly ref;
-    private readonly footerRef;
     constructor(props: TrueSheetProps);
     private get handle();
     private updateHandles;

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;AAclG,OAAO,KAAK,EAAE,cAAc,EAAmB,MAAM,SAAS,CAAA;AAgC9D,UAAU,cAAc;IACtB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;CAC5B;AAED,qBAAa,SAAU,SAAQ,aAAa,CAAC,cAAc,EAAE,cAAc,CAAC;IAC1E,WAAW,SAAc;IAEzB,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAsB;IAC1C,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAsB;gBAEpC,KAAK,EAAE,cAAc;IAgBjC,OAAO,KAAK,MAAM,GAOjB;IAED,OAAO,CAAC,aAAa;IAarB,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;CA0BpB"}
+{"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lodev09/react-native-true-sheet",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "The true native bottom sheet. 💩",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/TrueSheet.tsx

@@ -3,13 +3,11 @@ import {
   requireNativeComponent,
   Platform,
   findNodeHandle,
+  View,
   type NativeMethods,
   type ViewStyle,
-  View,
-  type ViewProps,
   type NativeSyntheticEvent,
   type StyleProp,
-  type ColorValue,
 } from 'react-native'
 
 import type { TrueSheetProps, SizeChangeEvent } from './types'
@@ -25,12 +23,10 @@ const ComponentName = 'TrueSheetView'
 
 interface TrueSheetNativeViewProps {
   scrollableHandle: number | null
-  footerHandle: number | null
   onDismiss: () => void
   onPresent: (event: NativeSyntheticEvent<{ index: number }>) => void
   onSizeChange: (event: NativeSyntheticEvent<SizeChangeEvent>) => void
   children: ReactNode
-  backgroundColor?: ColorValue
   style: StyleProp<ViewStyle>
   sizes: TrueSheetProps['sizes']
 }
@@ -42,24 +38,20 @@ if (!TrueSheetNativeView) {
 }
 
 type NativeRef = Component<TrueSheetNativeViewProps> & Readonly<NativeMethods>
-type FooterRef = Component<ViewProps> & Readonly<NativeMethods>
 
 interface TrueSheetState {
   scrollableHandle: number | null
-  footerHandle: number | null
 }
 
 export class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
   displayName = 'TrueSheet'
 
   private readonly ref: RefObject<NativeRef>
-  private readonly footerRef: RefObject<FooterRef>
 
   constructor(props: TrueSheetProps) {
     super(props)
 
     this.ref = createRef<NativeRef>()
-    this.footerRef = createRef<FooterRef>()
 
     this.onDismiss = this.onDismiss.bind(this)
     this.onPresent = this.onPresent.bind(this)
@@ -67,7 +59,6 @@ export class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
 
     this.state = {
       scrollableHandle: null,
-      footerHandle: null,
     }
   }
 
@@ -85,10 +76,7 @@ export class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
       ? findNodeHandle(this.props.scrollRef.current)
       : null
 
-    const footerHandle = findNodeHandle(this.footerRef.current)
-
     this.setState({
-      footerHandle,
       scrollableHandle,
     })
   }
@@ -136,20 +124,14 @@ export class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
         ref={this.ref}
         style={$nativeSheet}
         scrollableHandle={this.state.scrollableHandle}
-        footerHandle={this.state.footerHandle}
         sizes={this.props.sizes ?? ['medium', 'large']}
-        backgroundColor={this.props.backgroundColor}
         onPresent={this.onPresent}
         onDismiss={this.onDismiss}
         onSizeChange={this.onSizeChange}
       >
-        <View>
+        <View style={{ backgroundColor: this.props.backgroundColor ?? 'white' }}>
           <View style={this.props.style}>{this.props.children}</View>
-          {!!FooterComponent && (
-            <View ref={this.footerRef}>
-              <FooterComponent />
-            </View>
-          )}
+          <View>{!!FooterComponent && <FooterComponent />}</View>
         </View>
       </TrueSheetNativeView>
     )