@swmansion/react-native-bottom-sheet 0.8.0-next.2 → 0.8.0-next.3

package/common/cpp/react/renderer/components/ReactNativeBottomSheetSpec/ComponentDescriptors.h

@@ -1,13 +1,22 @@
 #pragma once
 
-#include <react/renderer/components/ReactNativeBottomSheetSpec/ShadowNodes.h>
+#include "ShadowNodes.h"
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
 
 namespace facebook::react {
 
 class BottomSheetViewComponentDescriptor final
     : public ConcreteComponentDescriptor<BottomSheetViewShadowNode> {
+ public:
   using ConcreteComponentDescriptor::ConcreteComponentDescriptor;
+
+  State::Shared createInitialState(
+      const Props::Shared& /*props*/,
+      const ShadowNodeFamily::Shared& family) const override {
+    return std::make_shared<BottomSheetViewShadowNode::ConcreteState>(
+        std::make_shared<const BottomSheetViewState>(),
+        family);
+  }
 };
 
 } // namespace facebook::react

package/ios/BottomSheetComponentView.mm

@@ -1,10 +1,10 @@
 #import "BottomSheetComponentView.h"
 #import "BottomSheetContentView.h"
+#import "../common/cpp/react/renderer/components/ReactNativeBottomSheetSpec/BottomSheetStateHelper.h"
+#import "../common/cpp/react/renderer/components/ReactNativeBottomSheetSpec/ComponentDescriptors.h"
 
 #import <React/RCTConversions.h>
 #import <React/RCTFabricComponentsPlugins.h>
-#import <react/renderer/components/ReactNativeBottomSheetSpec/BottomSheetStateHelper.h>
-#import <react/renderer/components/ReactNativeBottomSheetSpec/ComponentDescriptors.h>
 #import <react/renderer/components/ReactNativeBottomSheetSpec/EventEmitters.h>
 #import <react/renderer/components/ReactNativeBottomSheetSpec/Props.h>
 #import <react/renderer/components/ReactNativeBottomSheetSpec/RCTComponentViewHelpers.h>
@@ -107,7 +107,7 @@ using namespace facebook::react;
     emitter->onPositionChange({.position = static_cast<double>(position)});
   }
 
-  float contentOffsetY = static_cast<float>(self.bounds.size.height - position);
+  float contentOffsetY = static_cast<float>(view.currentContentOffsetY);
   if (contentOffsetY == _lastContentOffsetY) {
     return;
   }

package/ios/BottomSheetContentView.h

@@ -19,6 +19,7 @@ NS_ASSUME_NONNULL_BEGIN
 - (void)setDetents:(NSArray<NSDictionary *> *)raw;
 - (void)setDetentIndex:(NSInteger)newIndex;
 - (void)setScrimColor:(UIColor *_Nullable)color;
+- (CGFloat)currentContentOffsetY;
 - (void)mountChildComponentView:(UIView *)childView atIndex:(NSInteger)index;
 - (void)unmountChildComponentView:(UIView *)childView;
 - (void)resetSheetState;

package/ios/BottomSheetContentView.mm

@@ -65,6 +65,11 @@
   _impl.scrimColor = color;
 }
 
+- (CGFloat)currentContentOffsetY
+{
+  return _impl.currentContentOffsetY;
+}
+
 - (void)mountChildComponentView:(UIView *)childView atIndex:(NSInteger)index
 {
   [_impl mountChildComponentView:childView atIndex:index];

package/ios/RNSBottomSheetHostingView.swift

@@ -237,6 +237,13 @@ public final class RNSBottomSheetHostingView: UIView {
     return maxHeight - ty
   }
 
+  public var currentContentOffsetY: CGFloat {
+    let maxHeight = detentSpecs.last?.height ?? bounds.height
+    let containerTop = bounds.height - maxHeight
+    let ty = sheetContainer.layer.presentation()?.affineTransform().ty ?? sheetContainer.transform.ty
+    return containerTop + ty
+  }
+
   private var isScrimVisible: Bool {
     modal && currentSheetHeight > 0.5
   }

package/package.json

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