@ohos-ports/react-native-navigation 8.9.0-beta.5 → 8.9.0-beta.7

package/README.md

@@ -8,7 +8,17 @@ React Native Navigation — truly native navigation for iOS and Android, ported
 npm install @ohos-ports/react-native-navigation @ohos-ports/react-native react
 ```
 
-That's it. No npm alias, no postinstall, no extra configuration.
+And add this to your project's `package.json`:
+
+```json
+{
+  "overrides": {
+    "react-native": "npm:@ohos-ports/react-native@^0.87.1-beta.1"
+  }
+}
+```
+
+The `overrides` field ensures that all `react-native` references (including transitive peer dependencies) resolve to `@ohos-ports/react-native`, preventing the original facebook `react-native` (with Flow syntax) from being installed.
 
 ## Requirements
 
@@ -17,9 +27,10 @@ That's it. No npm alias, no postinstall, no extra configuration.
 
 ## What was changed
 
-- **ESM → CJS transpilation**: Source files converted from ESM (`import`/`export`) to CommonJS (`require`/`module.exports`) using esbuild, eliminating ESM/CJS interop issues.
-- **Dependency path replacement**: All `require('react-native')` → `require('@ohos-ports/react-native')`, `require('remx')` → `require('@ohos-ports/remx')`.
-- **lodash ESM fix**: Added `.js` extensions to lodash deep imports (done before transpilation).
+- **ESM → CJS transpilation**: Source converted from ESM (`import`/`export`) to CommonJS (`require`/`module.exports`) using esbuild.
+- **Dependency path replacement**: All `require('react-native')` → `require('@ohos-ports/react-native')`.
+- **Dimensions fallback**: `Dimensions.get('window')` returns default values (375×812) when RN bridge is not initialized.
+- **lodash ESM fix**: `.js` extensions added to lodash deep imports.
 
 ## License
 

package/lib/cjs/components/Modal.js

@@ -38,8 +38,8 @@ const RNNModalViewManager = (0, import_react_native.requireNativeComponent)("RNN
 const Container = (rnnProps) => {
   const viewRef = (0, import_react.useRef)(null);
   (0, import_react.useLayoutEffect)(() => {
-    const windowWidth = import_react_native.Dimensions.get("window").width;
-    const windowHeight = import_react_native.Dimensions.get("window").height;
+    const windowWidth = (import_react_native.Dimensions.get("window")||{width:375,height:812}).width;
+    const windowHeight = (import_react_native.Dimensions.get("window")||{width:375,height:812}).height;
     viewRef?.current?.setNativeProps({
       width: windowWidth,
       height: windowHeight
@@ -102,7 +102,7 @@ class Modal extends import_react.default.Component {
     return processed;
   }
 }
-const height = Math.round(import_react_native.Dimensions.get("window").height);
+const height = Math.round((import_react_native.Dimensions.get("window")||{width:375,height:812}).height);
 const SCREEN_ANIMATION_DURATION = 500;
 const showModalSlideEnterAnimations = {
   translationY: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ohos-ports/react-native-navigation",
-  "version": "8.9.0-beta.5",
+  "version": "8.9.0-beta.7",
   "description": "React Native Navigation - truly native navigation for iOS and Android (HarmonyOS port)",
   "license": "MIT",
   "publishConfig": {
@@ -47,6 +47,7 @@
     "lodash": "4.18.1",
     "prop-types": "15.x.x",
     "react-lifecycles-compat": "^3.0.4",
-    "tslib": "1.9.3"
+    "tslib": "1.9.3",
+    "react-native": "npm:@ohos-ports/react-native@^0.87.1-beta.1"
   }
 }