Навигация по стеку - проблема с неопределенной функцией - PullRequest
0 голосов
/ 14 декабря 2018

StackNavigation вызывает у меня приведенный ниже сбой на экране.Выполнено приложение в HTC One M8 с версией Android 6.Пожалуйста, найдите ниже код и, пожалуйста, помогите мне в решении этой проблемы:

  App.js

import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View} from 'react-native';
import  { Login } from './infoscreens/Login';
import  { ListInfo } from './infoscreens/ListInfo';
import { createStackNavigator, createAppContainer } from 'react-navigation';
const RootStack = createStackNavigator(
  {
    Login: {
      screen: Login,
    },
    ListInfo: {
      screen: ListInfo,
    },
  },
  {
    initialRouteName: 'Login',
  }
);
const AppContainer = createAppContainer(RootStack);
export default class App extends Component {
  render() {
    return (
      <AppContainer />
    );
  }
}
    Login.js

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

export class Login extends React.Component {
  render() {
    return (
      <View>
        <Text>This is the Login screen</Text>
        <Button
        title="Go to Details"
        onPress={() => this.props.navigation.navigate('ListInfo')}
      />
      </View>
    )
  }
};

export default Login;
    ListInfo.js:

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

export class ListInfo extends React.Component {
  render() {
    return (
      <View>
        <Text>This is the Login screen</Text>
      </View>
    )
  }
};

export default ListInfo;

enter image description here

                Package.JSON  

{
  "name": "ReactScreenNavigation",
  "version": "0.0.3",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "dependencies": {
    "react": "16.6.3",
    "react-native": "0.57.8",
    "react-navigation": "^3.0.8"
  },
  "devDependencies": {
    "babel-jest": "23.6.0",
    "jest": "23.6.0",
    "metro-react-native-babel-preset": "0.48.5",
    "react-test-renderer": "16.6.3"
  },
  "jest": {
    "preset": "react-native"
  }
}

1 Ответ

0 голосов
/ 14 декабря 2018

Вы должны использовать createStackNavigator, а не stackNavigator.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...