JavaScript Route should declare a screen. [ React Native Navigation Error] route should declare a screen react native

Hi I am new to react native and I am facing strange issue with routing. I am doing something wrong but need someone to guide me.

index.android.js

import { LandingScreen } from './src/components/landing_screen.js'
import HomeScreen from './src/app_component.js'
import { StackNavigator } from 'react-navigation';

const SimpleApp = StackNavigator({
  Home: { screen: HomeScreen },
  Landing: { screen: LandingScreen},
});

AppRegistry.registerComponent('HomeScreen', () => SimpleApp);

app_component.js

// Other imports ...
export default class HomeScreen extends Component {
  static navigationOptions = {
    title: 'Home Screen',
  };
  render() {
    const { navigate } = this.props.navigation;
    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>
          Welcome to React Native!
        </Text>
        <Text  style={styles.instructions}> Hello CHannoo!!!</Text>
        <Text style={styles.instructions}>
          To get started, edit index.android.js
        </Text>
        <Text style={styles.instructions}>
          Double tap R on your keyboard to reload,{'\n'}
          Shake or press menu button for dev menu
        </Text>
        <Button
          title="Go to 2nd Page"
          onPress={() =>
            // alert('hello');
            navigate('LandingScreen')
            // navigate('Home', { name: 'Jane' })
          }
        />
      </View>
    );
  }

  componentDidMount () {
     SplashScreen.close({
        animationType: SplashScreen.animationType.scale,
        duration: 850,
        delay: 500,
     })
  }
}

landing_screen.js

export default class LandingScreen extends Component {
static navigationOptions = {
  title: 'Landing Screen Title',
};
render() {
  return (........)
}

It works fine if we remove route Landing. But when we add this route we get error.

Route 'Landing' should declare a screen. For example ......

Answer:1

I am enabling and disabling a div by checking two radio button (yes and no) but I am facing an issue when I am putting both id and class in same div and when I am using two div (one for id as parent ...

I am enabling and disabling a div by checking two radio button (yes and no) but I am facing an issue when I am putting both id and class in same div and when I am using two div (one for id as parent ...

  1. html same class name
  2. html same class different id
  3. html same class
  4. html div class same row
  5. html class name same as id
  6. html repeating same class

Is it possible to get the scroll event fired with onsen ? I tried to remove the onsen css file and it worked, the scroll event was fired. But that's no solution -.- I also tried the ons-scroller tag ...

Is it possible to get the scroll event fired with onsen ? I tried to remove the onsen css file and it worked, the scroll event was fired. But that's no solution -.- I also tried the ons-scroller tag ...

  1. onsen ui scroll event

I have the following jsfiddle example (check the console) and all you will see is [object Object] instead of person data: So, basically I have a vuejs instance and a div for v-for to iterate an ...

I have the following jsfiddle example (check the console) and all you will see is [object Object] instead of person data: So, basically I have a vuejs instance and a div for v-for to iterate an ...

  1. vuejs data return object
  2. vuejs computed return object

Supposing I have an HTML Table and each row has Some data, an Update and a Delete Button. I want, by clicking on the Update Button, to retrieve every data THIS SPECIFIC ROW has. I have searched for ...

Supposing I have an HTML Table and each row has Some data, an Update and a Delete Button. I want, by clicking on the Update Button, to retrieve every data THIS SPECIFIC ROW has. I have searched for ...