Exception: Element type is invalid: expected a string in react-native Navigation

Question

When I try to run navigation I receive an error:

Exception: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. Check the render method of Navigator.

My code:

import React, { Component } from 'react';
import {
  AppRegistry,
  Navigator
} from 'react-native';

import App from './app/App'

export default class MyApp extends Component {

  renderScene (route, navigator) {
      if (route.name === 'App') {
        return <App navigator={navigator} {...route.passProps} />
      }
  }

  configureScene (route) {
    return Navigator.SceneConfigs.FloatFromBottom
  }

  render () {
    return (
      <Navigator
        configureScene={ this.configureScene.bind(this) }
        style={{ flex: 1, backgroundColor: 'white' }}
        initialRoute={{ name: 'App' }}
        renderScene={ this.renderScene.bind(this) }
      />
    )
  }

}

AppRegistry.registerComponent('MyApp', () => MyApp);

Could you help me, please?

The renderScene method needs to always return a valid view. In your case, you only return a view for the "App" route. — jevakallio
– jevakallio, Commented Feb 7, 2017 at 13:29

Akhilesh Mourya · Accepted Answer · 2017-02-07 13:43:59Z

1

You should import your App component like this:

import { App } from './app/App'

answered Feb 7, 2017 at 13:43

Akhilesh Mourya

6661 gold badge5 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Exception: Element type is invalid: expected a string in react-native Navigation

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related