(0, y.StackNavigator) не является функцией - PullRequest
Новая
       29

(0, y.StackNavigator) не является функцией

0 голосов
/ 10 января 2019

Я пытался использовать StackNavigator с реагирующей навигацией и несколько раз возвращал свой код, но не смог найти проблему. Я пытался создать простое навигационное меню, используя эту функцию для IOS.

Я использую выставку. Поэтому я начал этот проект с создания нового выставочного проекта через терминал с помощью команды «create-реагировать-native-app testExpo». Как показано ниже, я немного изменил файл App.js, затем создал папку с экранами -> затем создал два экрана: «HomeScreen» и «LoginScreen» Это картинки моего кода и ошибки

https://i.ibb.co/fQ9fjf2/Screen-Shot-2019-01-10-at-9-02-54-AM.png

https://i.ibb.co/7Xtx6jM/Screen-Shot-2019-01-10-at-9-03-01-AM.png

https://i.ibb.co/C8xbBVY/Screen-Shot-2019-01-10-at-9-03-07-AM.png

// Ошибка изображения https://i.ibb.co/chgwYHT/Simulator-Screen-Shot-i-Phone-X-2019-01-10-at-08-59-08.png

App.js

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

    import LoginScreen from './screens/LoginScreen'
    import HomeScreen from './screens/HomeScreen'

    export default class App extends React.Component {
      render() {
        return (
          <AppNavigator />
        );
      }
    }


    const AppNavigator = StackNavigator({
      LoginScreen: {screen: LoginScreen},
      HomeScreen: {screen: HomeScreen}
    })

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


HomeScreen.js

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

       class HomeScreen extends Component{
         render() {
           return(
             <View>
                <Text>This is the home screen</Text>
             </View>
           );
         }
       }

       export default HomeScreen;

LoginScreen.js

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

       class LoginScreen extends Component{
         render() {
           return(
             <View>
                <Text>This is the login screen</Text>
             </View>
           );
         }
       }

       export default LoginScreen;

Я ожидаю, что приложение будет запущено с нескольких экранов для приложений.

...