React Native, element type is invalid: expected a string (for built-in components)

Question

The same issue was already solved in several posts, but non of them helped me (I'm new to React Native, so possibly there is a solution, but I can't find it)

My code uses route and screen. App.js:

import React from 'react';
import { StackNavigator } from 'react-navigation';

import HomeScreen from './screens/HomeScreen.js';

const App = StackNavigator({
  Home: { screen: HomeScreen }
});

HomeScreen.js:

import React, { Component } from 'react';
import { StyleSheet, Text, View, Button } from 'react-native';

export default class HomeScreen extends Component {
  onPressLearnMore() {

  }

  render() {
    return (
      <View style={styles.container}>
        <Button title="Learn More" onPress={() => this.onPressLearnMore()} />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

What is wrong?

The project structure:

What is your file structure? is App.js in the same directory with the screens directory? Can you post the complete error please? — bennygenel
– bennygenel, Commented Sep 13, 2017 at 17:45

Talor A · Accepted Answer · 2017-09-13 17:50:10Z

2

you must export default App in app.js

answered Sep 13, 2017 at 17:50

Talor A

855 bronze badges

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

Comments

soutot · Accepted Answer · 2017-09-14 15:00:43Z

0

You don't need to define the file type in your import.

Change this import HomeScreen from './screens/HomeScreen.js';

To this import HomeScreen from './screens/HomeScreen';

Hope it helps.

Edit: Just to gather all information in this answer, as suggested in the comments you should also export your App.js

edited Sep 14, 2017 at 15:00

answered Sep 13, 2017 at 17:43

soutot

3,6511 gold badge23 silver badges22 bronze badges

2 Comments

soutot Over a year ago

Is there any more code in your App.js? For instance, how are you exporting it?

Vladyslav Zavalykhatko Over a year ago

App.js is not exported anywhere

Collectives™ on Stack Overflow

React Native, element type is invalid: expected a string (for built-in components)

2 Answers 2

Comments

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Related