requirenativecomponent "RNSScreen" was not found in the uimanager

[RahidAkhundzada]

Environment

Run the following in your terminal and copy the results here.

1. npx react-native --version:
2. npx react-native info:

PS C:\Users\axund\Desktop\Lombard> npx react-native --version
5.0.1-alpha.2

info Fetching system and libraries information...
System:
OS: Windows 10 10.0.19041
CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
Memory: 12.51 GB / 23.85 GB
Binaries:
Node: 15.12.0 - C:\Program Files\nodejs\node.EXE
Yarn: 1.22.10 - ~\AppData\Roaming\npm\yarn.CMD
npm: 7.8.0 - C:\Program Files\nodejs\npm.CMD
Watchman: Not Found
SDKs:
Android SDK:
API Levels: 23, 28, 29
Build Tools: 23.0.1, 28.0.3, 29.0.2, 29.0.3, 30.0.2, 31.0.0
System Images: android-28 | Google APIs Intel x86 Atom, android-28 | Google APIs Intel x86 Atom_64, android-29 | Google APIs Intel x86 Atom_64
Android NDK: Not Found
Windows SDK:
AllowDevelopmentWithoutDevLicense: Enabled
AllowAllTrustedApps: Enabled
Versions: 10.0.17763.0, 10.0.18362.0, 10.0.19041.0
IDEs:
Android Studio: Version 4.1.0.0 AI-201.8743.12.41.7042882
Visual Studio: 16.9.31112.23 (Visual Studio Community 2019)
Languages:
Java: 1.8.0_211 - C:\Program Files\Java\jdk1.8.0_211\bin\javac.EXE
npmPackages:
@react-native-community/cli: * => 5.0.1-alpha.2
react: 17.0.1 => 17.0.1
react-native: 0.64.0 => 0.64.0
react-native-windows: ^0.64.0-0 => 0.64.3
npmGlobalPackages:
react-native: Not Found

[asklar]

Looks like there is this post on stackoverflow suggesting you might be missing importing react-native-screens. I don't think we've done any work to support that specific module so it's unclear whether that will work on Windows or not. Let us know though :)

[asklar]

This seems like a bug in the react-navigation package:

• folly::toJson: JSON object value was a NaN or INF error on rendering simple navigation examples react-navigation/react-navigation#9480
• Error: requireNativeComponent: "RNSScreen" was not found in the UIManger. react-navigation/react-navigation#7141

[RahidAkhundzada]

It is first page of error

[chrisglein]

react-native-screens isn't yet supported on Windows (tracking issue here), which is probably what you're hitting given the above error and the discussion on stack overflow. That indicated a missing dependency (triggering this error on other platforms). But with that fixed you might see the dependency on screens. Can you roll back your version dependency on react-navigation?

[RahidAkhundzada]

I tested code on Android and IOS .It is works.i use lastest version React-native version.
Which version do you consider?
"dependencies": {
"@react-native-async-storage/async-storage": "^1.15.2",
"@react-native-community/cli": "*",
"@react-native-community/masked-view": "^0.1.10",
"@react-navigation/native": "^5.9.4",
"@react-navigation/stack": "^5.14.4",
"@types/react-redux": "^7.1.16",
"lodash": "^4.17.21",
"react": "17.0.1",
"react-native": "0.64.0",
"react-native-flash-message": "^0.1.23",
"react-native-loading-spinner-overlay": "^2.0.0",
"react-native-picker-select": "^8.0.4",
"react-native-reanimated": "^2.1.0",
"react-native-safe-area-context": "^3.2.0",
"react-native-screens": "^3.1.0",
"react-native-windows": "^0.64.0-0",
"react-native-windows-init": "^1.1.53",
"react-redux": "^7.2.3",
"redux": "^4.0.5",
"redux-logger": "^3.0.6",
"redux-persist": "^6.0.0"
},

[dbm5858]

I am having this problem, as well. I've been able to work around it (per a suggestion from someone at Microsoft) by rolling back react-native-screens to 2.18.1. Our app still needs further testing, but initial results look good.

[RahidAkhundzada]

I changed -v to 2.18.1.but not work.same problem still

[RahidAkhundzada]

i commit this line -> // options={{headerShown: false}} this error shows me

[chrisglein]

Yeah, that sounds like the same error mentioned on the react-navigation repo: react-navigation/react-navigation#9480
And it seems like you're pursuing the suggested fix, which is to drop the react-native-screens version. Not sure why that's not working for you but has for others. Anything on that thread help?

[RahidAkhundzada]

if it work for someone can them send me git project?.
look at it

[prupipho]

Sorry it didn´t work for you. Just in case it makes a difference. I just created a sample app using typescript and csharp.
You may want to try removing the node_modules folder and running yarn install again, just to make sure you actually have react-native-screens on version 2.18.1

I don´t have a repo for this, but it is really easy to get a similar app yourself.

I just ran the commands below, modified App.tsx and install react-navigation.

• with react-native-screens 3.1.0 it failed.
• changing react-native-screens back to 2.18.1 and run yarn it worked.

npx react-native init samplepp --template react-native-template-typescript
cd samplepp/
npx react-native-windows-init --overwrite --language cs

App.tsx

import * as React from 'react';
import { Text, View } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';

function HomeScreen() {
  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <Text>Home Page</Text>
    </View>
  );
}

function SettingsScreen() {
  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <Text>Settings Page</Text>
    </View>
  );
}

const Tab = createBottomTabNavigator();

export default function App() {
  return (
    <NavigationContainer>   
      <Tab.Navigator>
        <Tab.Screen name="Home" component={HomeScreen} />
        <Tab.Screen name="Settings" component={SettingsScreen} />
      </Tab.Navigator>
    </NavigationContainer>
  );
}

package-.json dependencies

"dependencies": {
    "@react-native-async-storage/async-storage": "^1.14.1",
    "@react-native-picker/picker": "^1.12.0",
    "@react-native-community/masked-view": "^0.1.10",
    "@react-navigation/bottom-tabs": "^5.11.9",
    "@react-navigation/native": "^5.9.4",
    "@react-navigation/stack": "^5.14.4",
    "react": "17.0.1",
    "react-native": "0.64.0",
    "react-native-gesture-handler": "^1.10.3",
    "react-native-reanimated": "^2.1.0",
    "react-native-safe-area-context": "^3.2.0",
    "react-native-screens": "2.18.1",
    "react-native-windows": "^0.64.0-0"
  },

[kacperkapusciak]

@RahidAkhundzada could you upgrade react-native-screens package to the newest 3.1.1 version and check if the issue persists?

[RahidAkhundzada]

@RahidAkhundzada could you upgrade react-native-screens package to the newest 3.1.1 version and check if the issue persists?

Thank man I remove project and create new one.and it works .Thanks so much

[RahidAkhundzada]

Screen navigation works.and issue fixed

[abdessamadely]

I had the same issue, and opened the android project on Android Studio, that solved the issue for me

[mauro-ferrario]

I still have this error on Android, also after adding "react-native-screens".
This is my package.json:

{
"name": "Voices",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "react-native start",
"test": "jest",
"lint": "eslint ."
},
"dependencies": {
"@react-native-masked-view/masked-view": "^0.2.6",
"@react-navigation/native": "^6.0.2",
"@react-navigation/stack": "^6.0.7",
"djinni": "0.0.0",
"react": "17.0.1",
"react-native": "0.64.2",
"react-native-device-info": "^8.3.1",
"react-native-extra-dimensions-android": "^1.2.5",
"react-native-geolocation-service": "^5.3.0-beta.1",
"react-native-gesture-handler": "^1.10.3",
"react-native-idle-timer": "^2.1.6",
"react-native-maps": "0.28.0",
"react-native-reanimated": "^2.2.0",
"react-native-safe-area-context": "^3.3.0",
"react-native-screens": "^3.6.0",
"react-native-splash-screen": "^3.2.0",
"socket.io-client": "^4.1.3"
},
"devDependencies": {
"@babel/core": "^7.12.9",
"@babel/runtime": "^7.12.5",
"@react-native-community/eslint-config": "^2.0.0",
"babel-jest": "^26.6.3",
"eslint": "7.14.0",
"jest": "^26.6.3",
"metro-react-native-babel-preset": "^0.64.0",
"react-native-svg-transformer": "^0.14.3",
"react-test-renderer": "17.0.1"
},
"jest": {
"preset": "react-native"
}
}

Any suggestions?

[Antaneeta]

{
"name": "awesomeproject",
"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 ."
},
"dependencies": {
"@react-native-community/masked-view": "^0.1.11",
"@react-navigation/drawer": "^6.1.4",
"@react-navigation/native": "^6.0.2",
"@react-navigation/native-stack": "^6.1.0",
"@react-navigation/stack": "^6.0.7",
"link": "^0.1.5",
"react": "17.0.2",
"react-native": "^0.65.1",
"react-native-gesture-handler": "^1.10.3",
"react-native-reanimated": "^2.2.0",
"react-native-safe-area-context": "^3.3.1",
"react-native-screens": "^3.6.0",
"react-navigation": "^4.4.4"
},
"devDependencies": {
"@babel/core": "^7.12.9",
"@babel/runtime": "^7.12.5",
"@react-native-community/eslint-config": "^2.0.0",
"babel-jest": "^26.6.3",
"eslint": "7.14.0",
"jest": "^26.6.3",
"metro-react-native-babel-preset": "^0.66.0",
"react-native-codegen": "^0.0.7",
"react-test-renderer": "17.0.2"
},
"jest": {
"preset": "react-native"
}
}

i have same cant solve please anyone help

[chrisglein]

I still have this error on Android, also after adding "react-native-screens".

@mauro-ferrario For any issues with Android you'll have to post an issue on the react-native-screens repo. We're only able to help with Windows issues here.

[MrWilsonXu]

find your node_modules path correctly, add :
pod 'RNScreens', :path => '../node_modules/react-native-screens'

[sajeeldigitali]

The issue comes when you use
@react-navigation/native-stack Navigator

the urgent workaround for this issue is to use
@react-navigation/stack Navigator

stack navigator works fine for Desktop RN Apps.

[iyunusov]

@RahidAkhundzada could you upgrade react-native-screens package to the newest 3.1.1 version and check if the issue persists?

I am using "react-native-screens": "^3.18.2" and yet still facing the issue. Tried version 3.1.1 too, did pod install re-run the application, but still.

[chrisglein]

As mentioned here: #4152, react-native-screens does not yet have full Windows support.

[MuhammadFaizSid]

Nothing to preview