question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

iOS: react-native-screens crashing on React Native 0.68.1 with new architecture enabled

See original GitHub issue

Description

Trying to enable the new architecture true on React Native 0.68.1 + Running react-native-screes 3.13.1 and can’t finish the build process on Xcode.

Steps To Reproduce

  • Upgrade to RN 0.68.1.
  • Upgrade to react-native-screes 3.13.1.
  • Run build on Xcode.

Expected behavior

App to build and launch with the new architecture enabled.

Actual behavior

Build doesn’t finish.

Reproduction

- Combine ShadowNodes.cpp (arm64)
-- 'react/renderer/components/view/ViewProps.h' file not found
--- app/ios/build/generated/ios/react/renderer/components/rnscreens/ShadowNodes.cpp:11
--- app/ios/build/generated/ios/react/renderer/components/rnscreens/ShadowNodes.cpp:13

Platform

  • iOS

Package versions

"version": "0.0.1",
  "private": true,
  "scripts": {
    "android": "react-native run-android",
    "ios": "react-native run-ios",
    "start": "react-native start",
    "test": "jest",
    "lint": "eslint .",
    "backgroundTests": "jest --verbose ./src/services/background",
    "postinstall": "patch-package"
  },
  "dependencies": {
    "@apollo/client": "^3.5.10",
    "@app/react-native-selectable-text": "^0.0.14",
    "@react-native-async-storage/async-storage": "^1.16.1",
    "@react-native-community/art": "^1.2.0",
    "@react-native-community/clipboard": "^1.5.1",
    "@react-native-community/masked-view": "^0.1.10",
    "@react-native-community/netinfo": "^6.0.0",
    "@react-native-community/slider": "^3.0.3",
    "@react-native-firebase/analytics": "^14.7.0",
    "@react-native-firebase/app": "^14.7.0",
    "@react-native-firebase/crashlytics": "^14.7.0",
    "@react-native-firebase/in-app-messaging": "^14.7.0",
    "@react-native-firebase/messaging": "^14.7.0",
    "@react-navigation/bottom-tabs": "^6.3.1",
    "@react-navigation/native": "^6.0.10",
    "@react-navigation/native-stack": "^6.6.1",
    "@react-navigation/stack": "^6.2.1",
    "@sentry/react-native": "^3.4.1",
    "@types/react-native-vector-icons": "^6.4.10",
    "@types/react-navigation": "^3.4.0",
    "add": "^2.0.6",
    "formik": "^2.2.6",
    "graphql": "^16.3.0",
    "graphql-tag": "^2.11.0",
    "hermes-engine": "^0.11.0",
    "lottie-ios": "^3.2.3",
    "lottie-react-native": "^5.0.1",
    "npm-check-updates": "^11.3.0",
    "ramda": "^0.27.1",
    "react": "17.0.2",
    "react-native": "0.68.1",
    "react-native-animatable": "^1.3.3",
    "react-native-background-downloader": "^2.3.4",
    "react-native-background-fetch": "^4.0.4",
    "react-native-background-timer": "^2.4.1",
    "react-native-branch": "^5.0.1",
    "react-native-code-push": "^7.0.4",
    "react-native-collapsible": "^1.5.3",
    "react-native-device-info": "^8.0.5",
    "react-native-flash-message": "^0.1.23",
    "react-native-fs": "^2.16.6",
    "react-native-gesture-handler": "^1.10.3",
    "react-native-hyperlink": "0.0.19",
    "react-native-iap": "^8.0.4",
    "react-native-in-app-review": "^4.1.1",
    "react-native-keyboard-aware-scroll-view": "^0.9.5",
    "react-native-linear-gradient": "^2.5.6",
    "react-native-open-notification": "^0.1.4",
    "react-native-progress": "^4.1.2",
    "react-native-responsive-screen": "^1.4.2",
    "react-native-safe-area-context": "^4.2.4",
    "react-native-safe-area-view": "^1.1.1",
    "react-native-screens": "^3.13.1",
    "react-native-share": "^5.1.4",
    "react-native-size-matters": "^0.4.0",
    "react-native-snap-carousel": "^3.9.1",
    "react-native-sound": "^0.11.1",
    "react-native-splash-screen": "^3.2.0",
    "react-native-status-bar-height": "^2.6.0",
    "react-native-super-grid": "^4.2.0",
    "react-native-svg": "^12.1.0",
    "react-native-system-setting": "^1.7.6",
    "react-native-tts": "^4.1.0",
    "react-native-vector-icons": "^8.1.0",
    "react-native-webview": "11.3.1",
    "realm": "10.20.0-beta.5",
    "rn-fetch-blob": "^0.12.0",
    "styled-components": "^5.2.1",
    "text-encoding": "^0.7.0",
    "use-http": "^1.0.18",
    "yarn": "^1.22.10",
    "yup": "^0.32.9",
    "zustand": "^3.3.3"
  },
  "devDependencies": {
    "@babel/core": "^7.13.10",
    "@babel/plugin-proposal-class-properties": "^7.13.0",
    "@babel/plugin-transform-flow-strip-types": "^7.13.0",
    "@babel/runtime": "^7.13.10",
    "@react-native-community/cli-debugger-ui": "^5.0.1",
    "@react-native-community/eslint-config": "^2.0.0",
    "@types/jest": "^26.0.20",
    "@types/ramda": "^0.27.39",
    "@types/react": "^17.0.17",
    "@types/react-native": "^0.63.52",
    "@types/react-native-background-downloader": "^2.3.3",
    "@types/react-native-background-timer": "^2.0.0",
    "@types/react-native-dotenv": "^0.2.0",
    "@types/react-native-share": "^3.3.1",
    "@types/react-native-snap-carousel": "^3.8.2",
    "@types/react-test-renderer": "17.0.1",
    "@types/styled-components": "^5.1.15",
    "@types/styled-components-react-native": "^5.1.1",
    "@types/text-encoding": "^0.0.35",
    "@types/yup": "^0.29.11",
    "@typescript-eslint/eslint-plugin": "^4.18.0",
    "@typescript-eslint/parser": "^4.18.0",
    "babel-jest": "^26.6.3",
    "babel-plugin-module-resolver": "^4.1.0",
    "eslint": "^7.32.0",
    "eslint-plugin-prettier": "^3.3.1",
    "jest": "^26.6.3",
    "metro-react-native-babel-preset": "^0.67.0",
    "patch-package": "^6.4.7",
    "postinstall-postinstall": "^2.1.0",
    "prettier": "^2.2.1",
    "react-native-dotenv": "^2.5.3",
    "react-native-flipper": "^0.124.0",
    "react-native-svg-transformer": "^0.14.3",
    "react-test-renderer": "17.0.2",
    "typescript": "^4.2.3"
  },
  "jest": {
    "preset": "react-native",
    "moduleNameMapper": {
      "^services(.*)$": "<rootDir>/src/services$1"
    },
    "transform": {
      "^.+\\.(js|jsx|ts|tsx)$": "<rootDir>/node_modules/react-native/jest/preprocessor.js"
    },
    "testPathIgnorePatterns": [
      "/node_modules/",
      "./dist"
    ],
    "moduleFileExtensions": [
      "ts",
      "tsx",
      "js",
      "jsx",
      "json",
      "node"

Issue Analytics

  • State:closed
  • Created a year ago
  • Reactions:4
  • Comments:11 (4 by maintainers)

github_iconTop GitHub Comments

3reactions
WoLewickicommented, Jun 3, 2022

You need to change https://github.com/jai-adapptor/rnscreens-issue/blob/2d908041d4451d5224b27be945ab5c562eea638f/ios/Podfile#L12 to ENV['RCT_NEW_ARCH_ENABLED'] = "1" since it is a correct value 😅 . Does it solve your issue?

1reaction
rajeevverma076commented, Dec 12, 2022

error Failed to build iOS project. We ran “xcodebuild” command but it exited with error code 65.

‘react/renderer/components/safeareacontext/Props.h’ file not found

Read more comments on GitHub >

github_iconTop Results From Across the Web

react-native-screens - npm
This project aims to expose native navigation container components to React Native. It is not designed to be used as a standalone library ......
Read more >
react native - PaymentSheet Crashing on Android in v.0.19.0
In stripe-react-native v0.19.0, on Android (13 and 10), presentPaymentSheet call crashes the app without any errors.
Read more >
Troubleshooting - React Native
These are some common issues you may run into while setting up React Native. If you encounter something that is not listed here, ......
Read more >
App crashes on device and there ar… | Apple Developer Forums
I'm building an app with React Native. When I run the app through 'react-native run-ios' everything is fine, but when I try to...
Read more >
failed to initialize react-native-reanimated library - You.com
A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found