React-native-navigation: Component [name] does not have a componentId

[alexanderbluhm]

Issue Description

I followed all steps on https://wix.github.io/react-native-navigation/#/docs/Installing?id=ios and created the _index.js_ file like the tutorial describes.
Now Navigation.registerComponent("Name", () => Main); causes the error:

Component [Name] does not have a componentId

Main is a simple React component.

Environment

• React Native Navigation version: 2.7.0
• React Native version: 0.57.8
• Platform(s) (iOS, Android, or both?): iOS
• Device info (Simulator/Device? OS version? Debug/Release?): iPhone7 with iOS 12.1.2

[JoseFMP]

Same here. Did you find a solution?

[alexanderbluhm]

@JoseFMP I also tried to do it with cocoapods but it did not work.
Ended up not using this library. Instead I now use FluidTransitions with React Navigation.

[JoseFMP]

Such a pity... I really want to use react-native-navigation because as opposed to React Navigation, it uses native APIs. But this issue is just blocking.

[JoseFMP]

@IL4Miy
I found out a workaround... if you issue

    AppRegistry.registerComponent('appname', ()  => Component );

before calling Navigation.registerComponent it seems to work. No clue why though.

[CyberMew]

Encountered the same issue here while following the official documentation 🤣 . That workaround did not work for me. Looks like I will have to stick with React-Navigation for now.

Update: Worked for me after passing in componentId manually.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
If you believe the issue is still relevant, please test on the latest Detox and report back. Thank you for your contributions.

[stale[bot]]

The issue has been closed for inactivity.

[santaclauze]

Anything new regarding this. I have a new project, initialized with the react-native tutorial and I am trying to get react-native-navigation to work but it still fails.

import { Navigation } from "react-native-navigation";
import App from './App';


Navigation.registerComponent(`FamilyMealOrganizer`, () => App);

Navigation.events().registerAppLaunchedListener(() => {
  Navigation.setRoot({
    root: {
      component: {
        name: "FamilyMealOrganizer"
      }
    }
  });
});

I get exactly the same error.

Work around does not work.

[asaharan]

I faced the same issue because I missed steps 3 and 3b from Native Installation section.

[Desintegrator]

faced same issue (((

[danilobuerger]

If anybody is experiencing this issue with rnn v7 please open a new issue and provide a reproducible demo.