[Bug]: RN 0.85.0 Remove StyleSheet.absoluteFillObject prop

[isinuyk]

Version

v5

Reanimated Version

v3

Gesture Handler Version

v2

Platforms

Android

What happened?

I have upgraded to the RN 0.85.0 and the bottomsheet stopped working because they comletely removed the StyleSheet.absoluteFillObject prop. Please use absoluteFill instead.
https://github.com/facebook/react-native/blob/main/CHANGELOG.md#v0850-rc0

Reproduction steps

1. Install latest RN version of 0.85.0 and install latest bottomsheet version.
2. Open the app with a bottomsheet component.

Reproduction sample

https://snack.expo.dev/@i.syniuk/bottom-sheet---issue-reproduction-template

Relevant log output

[Ahmed-Akeel]

Same issue for me

[faljabi]

I patched it with below for now.

diff --git a/node_modules/@gorhom/bottom-sheet/lib/commonjs/components/bottomSheet/BottomSheet.js b/node_modules/@gorhom/bottom-sheet/lib/commonjs/components/bottomSheet/BottomSheet.js
index 40725c0..46a512c 100644
--- a/node_modules/@gorhom/bottom-sheet/lib/commonjs/components/bottomSheet/BottomSheet.js
+++ b/node_modules/@gorhom/bottom-sheet/lib/commonjs/components/bottomSheet/BottomSheet.js
@@ -1251,7 +1251,7 @@ const BottomSheetComponent = /*#__PURE__*/(0, _react.forwardRef)(function Bottom
         children: [BackdropComponent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(BackdropComponent, {
           animatedIndex: animatedIndex,
           animatedPosition: animatedPosition,
-          style: _reactNative.StyleSheet.absoluteFillObject
+          style: _reactNative.StyleSheet.absoluteFill
         }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheetHostingContainer.BottomSheetHostingContainer, {
           shouldCalculateHeight: !$modal,
           layoutState: animatedLayoutState,
diff --git a/node_modules/@gorhom/bottom-sheet/lib/commonjs/components/bottomSheetBackdrop/styles.js b/node_modules/@gorhom/bottom-sheet/lib/commonjs/components/bottomSheetBackdrop/styles.js
index c1f62f6..55ec957 100644
--- a/node_modules/@gorhom/bottom-sheet/lib/commonjs/components/bottomSheetBackdrop/styles.js
+++ b/node_modules/@gorhom/bottom-sheet/lib/commonjs/components/bottomSheetBackdrop/styles.js
@@ -7,7 +7,7 @@ exports.styles = void 0;
 var _reactNative = require("react-native");
 const styles = exports.styles = _reactNative.StyleSheet.create({
   backdrop: {
-    ..._reactNative.StyleSheet.absoluteFillObject,
+    ..._reactNative.StyleSheet.absoluteFill,
     backgroundColor: 'black'
   }
 });
diff --git a/node_modules/@gorhom/bottom-sheet/lib/commonjs/components/bottomSheetBackground/styles.js b/node_modules/@gorhom/bottom-sheet/lib/commonjs/components/bottomSheetBackground/styles.js
index 4e4fb38..d5aab4d 100644
--- a/node_modules/@gorhom/bottom-sheet/lib/commonjs/components/bottomSheetBackground/styles.js
+++ b/node_modules/@gorhom/bottom-sheet/lib/commonjs/components/bottomSheetBackground/styles.js
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.styles = void 0;
 var _reactNative = require("react-native");
 const styles = exports.styles = _reactNative.StyleSheet.create({
-  container: _reactNative.StyleSheet.absoluteFillObject,
+  container: _reactNative.StyleSheet.absoluteFill,
   background: {
     backgroundColor: 'white',
     borderRadius: 15
diff --git a/node_modules/@gorhom/bottom-sheet/lib/commonjs/components/bottomSheetHostingContainer/styles.js b/node_modules/@gorhom/bottom-sheet/lib/commonjs/components/bottomSheetHostingContainer/styles.js
index c563e17..e2e5c5c 100644
--- a/node_modules/@gorhom/bottom-sheet/lib/commonjs/components/bottomSheetHostingContainer/styles.js
+++ b/node_modules/@gorhom/bottom-sheet/lib/commonjs/components/bottomSheetHostingContainer/styles.js
@@ -7,7 +7,7 @@ exports.styles = void 0;
 var _reactNative = require("react-native");
 const styles = exports.styles = _reactNative.StyleSheet.create({
   container: {
-    ..._reactNative.StyleSheet.absoluteFillObject,
+    ..._reactNative.StyleSheet.absoluteFill,
     pointerEvents: 'box-none'
   }
 });
diff --git a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheet/BottomSheet.tsx b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheet/BottomSheet.tsx
index 6748c93..2bc3f7f 100644
--- a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheet/BottomSheet.tsx
+++ b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheet/BottomSheet.tsx
@@ -1785,7 +1785,7 @@ const BottomSheetComponent = forwardRef<BottomSheet, BottomSheetProps>(
               <BackdropComponent
                 animatedIndex={animatedIndex}
                 animatedPosition={animatedPosition}
-                style={StyleSheet.absoluteFillObject}
+                style={StyleSheet.absoluteFill}
               />
             ) : null}
             <BottomSheetHostingContainer
diff --git a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackdrop/styles.ts b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackdrop/styles.ts
index 6151fe8..973796c 100644
--- a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackdrop/styles.ts
+++ b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackdrop/styles.ts
@@ -2,7 +2,7 @@ import { StyleSheet } from 'react-native';
 
 export const styles = StyleSheet.create({
   backdrop: {
-    ...StyleSheet.absoluteFillObject,
+    ...StyleSheet.absoluteFill,
     backgroundColor: 'black',
   },
 });
diff --git a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackground/styles.ts b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackground/styles.ts
index 45d8dfa..5c4da0a 100644
--- a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackground/styles.ts
+++ b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetBackground/styles.ts
@@ -1,7 +1,7 @@
 import { StyleSheet } from 'react-native';
 
 export const styles = StyleSheet.create({
-  container: StyleSheet.absoluteFillObject,
+  container: StyleSheet.absoluteFill,
   background: {
     backgroundColor: 'white',
     borderRadius: 15,
diff --git a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetHostingContainer/styles.ts b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetHostingContainer/styles.ts
index 95826d9..830dda4 100644
--- a/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetHostingContainer/styles.ts
+++ b/node_modules/@gorhom/bottom-sheet/src/components/bottomSheetHostingContainer/styles.ts
@@ -1,5 +1,5 @@
 import { StyleSheet } from 'react-native';
 
 export const styles = StyleSheet.create({
-  container: { ...StyleSheet.absoluteFillObject, pointerEvents: 'box-none' },
+  container: { ...StyleSheet.absoluteFill, pointerEvents: 'box-none' },
 });

[jasonBWork]

This looks to be fixed now

[eithe]

Fixed in #2637. This issue should be closed.